当前位置:首页 > JavaScript

js实现翻转

2026-02-01 19:05:36JavaScript

实现数组翻转

使用 reverse() 方法可以直接翻转数组。该方法会改变原数组的顺序。

const arr = [1, 2, 3, 4, 5];
arr.reverse();
console.log(arr); // 输出: [5, 4, 3, 2, 1]

手动实现数组翻转

通过遍历数组的一半并交换元素位置,可以手动实现翻转。

function reverseArray(arr) {
    for (let i = 0; i < arr.length / 2; i++) {
        const temp = arr[i];
        arr[i] = arr[arr.length - 1 - i];
        arr[arr.length - 1 - i] = temp;
    }
    return arr;
}

const arr = [1, 2, 3, 4, 5];
console.log(reverseArray(arr)); // 输出: [5, 4, 3, 2, 1]

字符串翻转

字符串可以通过拆分为数组、翻转后再拼接的方式实现翻转。

js实现翻转

const str = "hello";
const reversedStr = str.split('').reverse().join('');
console.log(reversedStr); // 输出: "olleh"

手动实现字符串翻转

通过遍历字符串的字符并反向拼接,可以手动实现翻转。

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

const str = "hello";
console.log(reverseString(str)); // 输出: "olleh"

使用递归翻转字符串

递归方法可以逐步将字符串的头部字符移到末尾。

js实现翻转

function reverseStringRecursive(str) {
    if (str === '') return '';
    return reverseStringRecursive(str.substr(1)) + str[0];
}

const str = "hello";
console.log(reverseStringRecursive(str)); // 输出: "olleh"

数字翻转

将数字转换为字符串后翻转,再转换回数字。

function reverseNumber(num) {
    const reversedStr = num.toString().split('').reverse().join('');
    return parseInt(reversedStr, 10);
}

const num = 12345;
console.log(reverseNumber(num)); // 输出: 54321

处理负数数字翻转

负数翻转时需要保留符号。

function reverseNumberWithSign(num) {
    const reversedStr = Math.abs(num).toString().split('').reverse().join('');
    return parseInt(reversedStr, 10) * Math.sign(num);
}

const num = -12345;
console.log(reverseNumberWithSign(num)); // 输出: -54321

标签: js
分享给朋友:

相关文章

js实现轮播

js实现轮播

实现基础轮播效果 使用HTML结构创建轮播容器和图片元素: <div class="carousel"> <div class="carousel-inner">…

js实现图片上传

js实现图片上传

图片上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API可以实现图片上传功能。HTML部分需要创建一个文件选择输入框和一个用于…

js实现乘

js实现乘

JavaScript 实现乘法运算 在 JavaScript 中实现乘法运算可以通过多种方式完成,包括基本运算符、函数封装以及高级算法(如大数乘法)。以下是几种常见方法: 使用基本乘法运算符 Ja…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…

js实现列表

js实现列表

使用 JavaScript 实现列表 JavaScript 提供了多种方式来实现列表功能,包括数组操作、DOM 元素动态生成等。以下是几种常见的实现方法: 使用数组存储列表数据 数组是 JavaSc…

js实现拷贝

js实现拷贝

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