当前位置:首页 > JavaScript

js实现反转

2026-04-06 15:55:18JavaScript

实现字符串反转

使用 JavaScript 反转字符串可以通过多种方法实现,以下是几种常见的实现方式:

方法一:使用 split()、reverse() 和 join()

function reverseString(str) {
  return str.split('').reverse().join('');
}

方法二:使用 for 循环

js实现反转

function reverseString(str) {
  let reversed = '';
  for (let i = str.length - 1; i >= 0; i--) {
    reversed += str[i];
  }
  return reversed;
}

方法三:使用递归

function reverseString(str) {
  if (str === '') {
    return '';
  }
  return reverseString(str.substr(1)) + str.charAt(0);
}

方法四:使用 reduce()

js实现反转

function reverseString(str) {
  return str.split('').reduce((reversed, char) => char + reversed, '');
}

实现数组反转

JavaScript 数组反转可以直接使用 reverse() 方法:

const arr = [1, 2, 3, 4, 5];
arr.reverse(); // [5, 4, 3, 2, 1]

如果需要保持原数组不变,可以创建副本后再反转:

const arr = [1, 2, 3, 4, 5];
const reversedArr = [...arr].reverse(); // [5, 4, 3, 2, 1]

实现数字反转

反转数字需要先将数字转换为字符串,反转后再转换回数字:

function reverseNumber(num) {
  const reversed = parseInt(num.toString().split('').reverse().join(''));
  return reversed * Math.sign(num);
}

该方法会保留数字的符号,例如 -123 反转后为 -321

标签: js
分享给朋友:

相关文章

js实现轮播图

js实现轮播图

基础轮播图实现 使用HTML、CSS和JavaScript实现一个简单的自动轮播图。HTML结构包含一个容器和多个图片项。 <div class="slider"> <div…

js实现拷贝

js实现拷贝

实现文本拷贝 使用 document.execCommand 方法(已废弃但兼容性较好): function copyText(text) { const textarea = document…

js实现瀑布流

js实现瀑布流

实现瀑布流布局 瀑布流布局是一种常见的网页布局方式,常用于图片展示、商品列表等场景。以下是使用 JavaScript 实现瀑布流布局的几种方法。 纯 JavaScript 实现 通过计算元素的位置和…

js实现 功能

js实现 功能

在 JavaScript 中实现功能通常涉及多个关键步骤,具体取决于功能需求。以下是常见功能的实现方法和示例: 基本功能实现 使用函数封装逻辑是最直接的方式。例如,实现一个计算两数之和的函数: f…

js实现定位

js实现定位

使用Geolocation API获取当前位置 在JavaScript中,可以通过浏览器内置的Geolocation API获取用户的地理位置信息。该API需要用户授权才能访问位置数据。 if (n…

js 实现图片轮播

js 实现图片轮播

基础实现方案 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS负责样式布局,JavaScript处理轮播逻辑。 <div class="…