迹忆客 专注技术分享

当前位置:主页 > 学无止境 > 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 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

在 Angular 中上传文件

发布时间:2023/04/14 浏览次数:71 分类:Angular

本教程演示了如何在 Angular 中上传任何文件。我们还将介绍如何在文件上传时显示进度条,并在上传完成时显示文件上传完成消息。

Angular 2 中的复选框双向数据绑定

发布时间:2023/04/14 浏览次数:139 分类:Angular

本教程演示了如何一键标记两个复选框。这篇有 Angular 的文章将着眼于执行复选框双向数据绑定的不同方法。

在 AngularJs 中加载 spinner

发布时间:2023/04/14 浏览次数:107 分类:Angular

我们将介绍如何在请求加载时添加加载 spinner,并在 AngularJs 中加载数据时停止加载器。

在 Angular 中显示和隐藏

发布时间:2023/04/14 浏览次数:78 分类:Angular

本教程演示了 Angular 中的显示和隐藏。在开发商业应用程序时,我们需要根据用户角色或条件隐藏一些数据。我们必须根据该应用程序中的条件显示相同的数据。

在 Angular 中下载文件

发布时间:2023/04/14 浏览次数:104 分类:Angular

本教程演示了如何在 angular 中下载文件。我们将介绍如何通过单击按钮在 Angular 中下载文件并显示一个示例。

扫一扫阅读全部技术教程

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

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便