当前位置:首页 > JavaScript

js实现逆序

2026-04-05 21:27:59JavaScript

数组逆序

使用数组的 reverse() 方法可以原地逆序数组元素:

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

字符串逆序

将字符串转为数组后逆序再合并:

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

手动实现数组逆序

通过循环交换首尾元素实现逆序:

function reverseArray(arr) {
    let left = 0;
    let right = arr.length - 1;
    while (left < right) {
        [arr[left], arr[right]] = [arr[right], arr[left]];
        left++;
        right--;
    }
    return arr;
}
console.log(reverseArray([1, 2, 3])); // [3, 2, 1]

递归实现字符串逆序

递归取出最后一个字符并拼接:

function reverseString(str) {
    if (str === "") return "";
    return reverseString(str.substr(1)) + str[0];
}
console.log(reverseString("world")); // "dlrow"

使用reduce实现逆序

利用reduce从右向左累积字符:

js实现逆序

const str = "example";
const reversed = str.split('').reduce((acc, char) => char + acc, "");
console.log(reversed); // "elpmaxe"

标签: 逆序js
分享给朋友:

相关文章

js实现倒计时

js实现倒计时

使用 setInterval 实现倒计时 通过 setInterval 定时器每秒更新剩余时间,适用于简单倒计时场景。 function countdown(seconds, callbac…

js实现验证码

js实现验证码

使用Canvas生成图形验证码 在HTML中创建一个Canvas元素用于绘制验证码。通过JavaScript随机生成数字或字母组合,并添加干扰线、噪点等干扰元素增强安全性。 <canvas i…

js 实现继承

js 实现继承

原型链继承 通过让子类的原型对象指向父类的实例来实现继承。子类实例可以访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Par…

js实现选项卡

js实现选项卡

实现选项卡的基本思路 选项卡通常由一组标签和对应的内容面板组成。点击标签时,显示对应的内容面板,隐藏其他面板。实现这一效果需要结合HTML结构、CSS样式和JavaScript交互逻辑。 HTML结…

js 实现滚动

js 实现滚动

实现滚动的方法 使用 window.scrollTo() window.scrollTo() 方法可以滚动到文档中的特定位置。可以指定 x 和 y 坐标,或者使用平滑滚动的选项。 // 滚动到指定位…

js进度条实现

js进度条实现

使用HTML和CSS创建基础结构 在HTML中创建一个容器元素用于显示进度条,通常使用<div>元素。CSS用于设置进度条的样式,包括宽度、高度、颜色和圆角等属性。 <div cl…