在 JavaScript 中重新排序数组的元素
数组是每种编程语言的重要组成部分,因为它们包含许多有序元素。
与其他语言相比,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
。
从数组的开头到结尾的所有元素都被删除或删除。如果 deleteCount
为 0
或负数,则不会删除或删除任何元素。
在这种情况下,你至少需要输入一个新项目。
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
并将其插入 3
和 4
之间。
一旦你提取了 1
,它将影响原始的 inputArray
数组并返回一个包含元素 1
的数组。
我们想将 1
deleteCount
参数插入为 0
。现在你可以将此提取的元素分配到所需的位置。
在任何浏览器中运行上述代码后,它会打印出类似这样的内容。
输出:
[2, 3, 1, 4, 5]
相关文章
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 选择器的不同方法。你还将找到许多有用的
jQuery 中的 Window.onload 与 $(document).ready
发布时间:2024/03/24 浏览次数:180 分类:JavaScript
-
本教程演示了如何在 jQuery 中使用 Window.onload 和 $(document).ready 事件。