迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

在 JavaScript 中重新排序数组的元素

作者:迹忆客 最近更新:2023/03/10 浏览次数:

数组是每种编程语言的重要组成部分,因为它们包含许多有序元素。

与其他语言相比,JS 数组可能在同一矩阵的不同索引中包含不同的数据类型。

所有这些项目都通过索引访问。在 JavaScript 中,数组是包含指定键(数字键)的值的常规对象。

数组是具有固定数字键和动态值的 JavaScript 对象,在单个变量中包含任意数量的数据。

数组可以是任何维度的(一维或多维)。JavaScript 数组可以存储任何东西,例如直接值或存储 JavaScript 对象。

splice() 方法改变或修改原始数组的内容。这是通过删除、替换现有项目并在其位置添加新项目来完成的。

语法:

splice(start)
splice(start, deleteCount)
splice(start, deleteCount, item1)
splice(start, deleteCount, item1, item2, itemN)

JavaScript splice 方法接受三个输入参数,其中第一个是 start。必需的参数指定数组的起始索引/位置以改变数组。

如果开始索引大于数组的长度,则将开始设置为数组的长度。在这种情况下,不会删除任何元素,但该方法的行为类似于加法函数。

这将开始添加与提供的 n* 元素一样多的元素。如果为负数,则从数组末尾的那么多元素开始。

deleteCount 是第二个参数。它是一个可选参数。

此参数指定要从一开始就删除的数组元素的数量。如果 deleteCount 被省略或其值等于或大于 array.length - start

从数组的开头到结尾的所有元素都被删除或删除。如果 deleteCount0 或负数,则不会删除或删除任何元素。

在这种情况下,你至少需要输入一个新项目。

itemN... 是第三个也是最后一个参数,一个可选参数。需要添加到数组中的元素在此参数中指定,从开头开始。

如果你不指定项目,splice() 只会消除数组的元素。

此方法返回一个包含已删除项目的替换数组。如果只删除 n 个元素,则返回一个包含 n 个元素的数组。

如果没有元素被删除,则返回一个空数组。有关详细信息,请参阅 splice 方法文档。

const inputArray = [1, 2, 3, 4, 5];
inputArray.splice(2, 0, inputArray.splice(0, 1)[0]);
console.log(inputArray);

在上面的示例中,我们指定了数组中的各种元素。假设你要提取元素 1 并将其插入 34 之间。

一旦你提取了 1,它将影响原始的 inputArray 数组并返回一个包含元素 1 的数组。

我们想将 1 deleteCount 参数插入为 0。现在你可以将此提取的元素分配到所需的位置。

在任何浏览器中运行上述代码后,它会打印出类似这样的内容。

输出:

[2, 3, 1, 4, 5]

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

Do you understand JavaScript closures?

发布时间:2025/02/21 浏览次数:108 分类:JavaScript

The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.

Do you know about the hidden traps in variables in JavaScript?

发布时间:2025/02/21 浏览次数:178 分类:JavaScript

Whether you're just starting to learn JavaScript or have been using it for a long time, I believe you'll encounter some traps related to JavaScript variable scope. The goal is to identify these traps before you fall into them, in order to av

How much do you know about the Prototype Chain?

发布时间:2025/02/21 浏览次数:150 分类:JavaScript

The prototype chain can be considered one of the core features of JavaScript, and certainly one of its more challenging aspects. If you've learned other object-oriented programming languages, you may find it somewhat confusing when you start

用 jQuery 检查复选框是否被选中

发布时间:2024/03/24 浏览次数:102 分类:JavaScript

在本教程中学习 jQuery 检查复选框是否被选中的所有很酷的方法。我们展示了使用直接 DOM 操作、提取 JavaScript 属性的 jQuery 方法以及使用 jQuery 选择器的不同方法。你还将找到许多有用的

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便