在 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]
相关文章
在 Angular 中上传文件
发布时间:2023/04/14 浏览次数:71 分类:Angular
-
本教程演示了如何在 Angular 中上传任何文件。我们还将介绍如何在文件上传时显示进度条,并在上传完成时显示文件上传完成消息。
Angular 中所有 Mat 图标的列表
发布时间:2023/04/14 浏览次数:91 分类:Angular
-
本教程演示了在哪里可以找到 Angular 中所有 Mat 图标的列表以及如何使用它们。
Angular 2 中的复选框双向数据绑定
发布时间:2023/04/14 浏览次数:139 分类:Angular
-
本教程演示了如何一键标记两个复选框。这篇有 Angular 的文章将着眼于执行复选框双向数据绑定的不同方法。
在 AngularJS 中重新加载页面
发布时间:2023/04/14 浏览次数:142 分类:Angular
-
我们可以借助 windows.location.reload 和 reload 方法在 AngularJS 中重新加载页面。
在 AngularJs 中设置 Select From Typescript 的默认选项值
发布时间:2023/04/14 浏览次数:78 分类:Angular
-
本教程提供了在 AngularJs 中从 TypeScript 中设置 HTML 标记选择的默认选项的解释性解决方案。
在 AngularJS 中启用 HTML5 模式
发布时间:2023/04/14 浏览次数:150 分类:Angular
-
本文讨论如何在 AngularJS 应用程序上启用带有深度链接的 HTML5 模式。
在 AngularJs 中加载 spinner
发布时间:2023/04/14 浏览次数:107 分类:Angular
-
我们将介绍如何在请求加载时添加加载 spinner,并在 AngularJs 中加载数据时停止加载器。
在 Angular 中显示和隐藏
发布时间:2023/04/14 浏览次数:78 分类:Angular
-
本教程演示了 Angular 中的显示和隐藏。在开发商业应用程序时,我们需要根据用户角色或条件隐藏一些数据。我们必须根据该应用程序中的条件显示相同的数据。
在 Angular 中下载文件
发布时间:2023/04/14 浏览次数:104 分类:Angular
-
本教程演示了如何在 angular 中下载文件。我们将介绍如何通过单击按钮在 Angular 中下载文件并显示一个示例。