当前位置:首页 > 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]

字符串翻转

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

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"

使用递归翻转字符串

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

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

处理负数数字翻转

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

js实现翻转

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实现跳转

使用 window.location 跳转 通过修改 window.location.href 实现页面跳转,这是最常用的方法。 window.location.href = 'https://…

js实现列表

js实现列表

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

js实现变形

js实现变形

使用 CSS 和 JavaScript 实现元素变形 在 JavaScript 中实现变形效果通常结合 CSS 的 transform 属性,通过动态修改该属性实现元素的旋转、缩放、倾斜或平移。 基…

vue实现js休眠

vue实现js休眠

实现 JavaScript 休眠的方法 在 Vue 中实现 JavaScript 休眠(延迟执行)可以通过以下方式实现。由于 JavaScript 本身没有内置的 sleep 函数,通常使用 Prom…

js实现 功能

js实现 功能

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

js实现滑动

js实现滑动

实现滑动效果的方法 在JavaScript中实现滑动效果可以通过多种方式完成,以下是几种常见的实现方法: 使用CSS过渡和JavaScript触发 通过CSS定义过渡效果,JavaScript控制触…