当前位置:首页 > 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实现计算器

实现基础计算器功能 使用JavaScript创建一个基础计算器需要处理数字输入、运算符逻辑和结果显示。以下是一个简单的实现示例: let currentInput = '0'; let previo…

js实现点击显示和隐藏

js实现点击显示和隐藏

实现点击显示和隐藏的JavaScript方法 使用classList.toggle切换类名 通过添加/移除CSS类控制元素的显示与隐藏,需提前在CSS中定义隐藏样式(如display: none)。…

js类实现

js类实现

使用类实现 JavaScript 功能 在 JavaScript 中,类(Class)是一种语法糖,基于原型继承机制。通过 class 关键字可以更直观地定义对象模板。 基本类定义 class…

js实现求导

js实现求导

实现数值求导的方法 在JavaScript中实现求导通常采用数值方法,因为JavaScript不是符号计算语言。以下是常见的数值微分方法: 中心差分法 中心差分法提供较高精度的导数近似: func…

节流js实现

节流js实现

节流(Throttle)的实现原理 节流是一种限制函数执行频率的技术,确保函数在一定时间间隔内最多执行一次。适用于高频触发事件(如滚动、输入、窗口调整等)的场景。 基础实现方式 使用时间戳判断是否执…

js实现视口

js实现视口

js实现视口检测的方法 使用JavaScript检测元素是否进入视口(viewport)可以通过Intersection Observer API或手动计算元素位置实现。以下是两种常见方法: Int…