在JS数组指定位置插入元素

最新推荐文章于 2024-03-27 19:07:14 发布
最新推荐文章于 2024-03-27 19:07:14 发布
阅读量10w+ 收藏 61
点赞数 34
分类专栏： JS笔记 文章标签： javascript 索引 数组 插入 prototype
原文链接: Array: Insert an Item at a Specific Index with JavaScript
原文日期: 2014年07月24日
翻译日期: 2014年07月26日
翻译人员: 铁锚

很多与数组有关的任务听起来很简单,但实际情况并不总是如此,而开发人员在很多时候也用不到他。最近我碰到了这样一个需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。 

// 原来的数组
var array = ["one", "two", "four"];
// splice(position, numberOfItemsToRemove, item)
// 拼接函数(索引位置, 要删除元素的数量, 元素)
array.splice(2, 0, "three");

array;  // 现在数组是这个样子 ["one", "two", "three", "four"]


如果你对扩展原生 JavaScript 不反感,那么可以将这个方法添加到数组原型(Array prototype)中: 
Array.prototype.insert = function (index, item) {
  this.splice(index, 0, item);
};

此时,可以这样调用: 
var nums = ["one", "two", "four"];
nums.insert(2, 'three'); // 注意数组索引, [0,1,2..]
array	// ["one", "two", "three", "four"]

我对数组也进行过一些其他的修改,可能你已经看过了:
Arrays 非常的有用—— JavaScript中处理某些任务还是比较繁琐…… 必须编写比实际需要的更多的代码(code-heavy)。为了更方便,请收藏本文,或者将这些片段保存到你的工具箱吧!

铁锚
关注
  • 34
    点赞
  • 踩
  • 61
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
在JS数组特定索引处指定位置插入元素的技巧
10-25
主要介绍了如何在JS数组特定索引处指定位置插入元素？将一个元素插入到现有数组的特定索引处，需要的朋友可以参考下
JS如何在数组指定位置插入元素
11-21
一、JavaScript splice() 方法 splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 方法实例 //在数组指定位置插入 var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(2, 0, "Lemon", "Kiwi"); //输出结果 //Banana, Orange, Lemon, Kiwi, Apple, Mango //在数组开头插入 var shuiguo = ["Banana", "Orange", "Apple", "Mango"]; shuiguo.spli
js添加数组元素
最新发布
2303_76379956的博客
03-27 260
注意事项
JavaScript实现数组对应位置插入另一个数组
pleaseprintf的博客
08-27 2487
在JavaScript中，有时我们需要将一个数组的元素按照对应位置插入另一个数组中，以实现数据合并或替换的需求。本篇博客将详细介绍如何实现这一功能，包括多种方法的代码示例和详细解释。通过以上多种方法，你可以在JavaScript中实现数组对应位置插入另一个数组的功能。根据你的需求，选择适合的方法来合并、替换或插入数据，以满足你的编程任务。
体验js中splice()的强大(插入、删除或替换数组的元素)
10-27
javascript splice()算是最强大的了，它可以用于插入、删除或替换数组的元素。下面来一一介绍,感兴趣的朋友
JavaScript实现数组在指定位置插入若干元素的方法
12-29
本文实例讲述了JavaScript实现数组在指定位置插入若干元素的方法。分享给大家供大家参考。具体如下： 我们可以通过JS数组的splice方法在执行的位置插入新的元素，非常简单 <!DOCTYPE html> <html> <body> <p id=demo> Click the button to add elements to the array. </p> <button onclick=myFunction()>Try it</button> [removed] function myFunction() { var fruits = [Banana, Orange,
JavaScript 插入元素到数组的方法汇总
oscar999的专栏
12-24 2万+
JS 在数组插入元素方法 JavaScript可以往数组里插入元素的函数有三个： push, 最常用， 在数组后面插入 unshift ，在数组前面插入 splice ，最灵活 ，在指定位置插入 使用示例 push push()方法可以有一个或多个参数， 多个参数则是插入多个元素。示例如下： let arr = [1,2,3]; //1. push 在数组后面插入 arr.push(4); //1,2,3,4 console.log(arr); arr.push(5,6); //1,2,3,4,5,6
js数组的方法
ytttttt12212的博客
03-19 1720
js数组方法的学习
【JS】JS数组添加元素的三种方法
weixin_48596030的博客
12-08 3145
unshift() 方法将把它的参数插入 arrayObject 的头部，并将已经存在的元素顺次地移到较高的下标处，以便留出空间。该方法的第一个参数将成为数组的新元素 0，如果还有第二个参数，它将成为新的元素 1，以此类推。splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。向数组添加的第一个元素。可向数组的末尾添加一个或多个元素，并返回新的长度。
JS里给数组增加数据的方式
wangmj518的专栏
05-01 7546
第4种：通过 数组名.unshift(参数)来增加从数组第1个数据开始的参数，unshift可以带多个参，带几个参，数组最开始就增加几个数据；第3种：通过 数组名.push(参数) 来增加从数组最后一个数据开始增加，push可以带多个参，带几个参，数组最后就增加几个数据；第5种：用 数组名.splice(开始插入的下标数,0,需要插入的参数1,需要插入的参数2,需要插入的参数3……此时的输出结果是[ 1, 2, 3, 5, 8, 9 ]此时的输出结果是[ 5, 8, 9, 1, 2, 3 ]
JavaScript数组函数unshift、shift、pop、push使用实例
曹浩洋的专栏
02-28 1998
一、unshift 在数组第一个元素前插入元素 // 使用unshift在数组第一个元素前插入元素 // 返回数组长度 var tmp = ['a','b']; var len = tmp.unshift('c'); alert(len); // 3 alert(tmp); // c,a,b 也可以一次插入多个元素，顺序依次从左边排起 // 使用unshift在数组第一个元
js如何往数组Array中添加元素
热门推荐
a657281084的博客
12-08 17万+
unshift：将参数添加到原数组开头，并返回数组的长度  pop：删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefined  push：将参数添加到原数组末尾，并返回数组的长度  concat：返回一个新数组，是将参数添加到原数组中构成的  splice(start,deleteCount,val1,val2,...)：从start位置开始删除deleteCount项，并从该
数组的常见方法二
ssk的博客
08-28 441
16.lastIndexOf()方法 查找数组中最后一次出现元素的索引值 let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1] arr.lastIndexOf(1) // 10 17.map()方法 遍历数组的每一项，可以对每一项统一进行操作，并且返回一个新的数组。 let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] arr.map(item => item * 10) // [10, 20, 30.
JS向数组中添加元素的方式
weixin_45063953的博客
08-30 2868
JS向数组中添加元素的方式
JS中数组操作的方法(包含ES6)
qq_39715380的博客
04-13 572
数组是Javascript中最常用的数据集合, 其内置方法很多, 但是对于开发人员来讲, 又是一定要烂熟于心, 现在整理给大家, 希望不论在工作中, 还是面试都能够有所帮助.
js在数组指定位置插入内容
qq_46617584的博客
04-06 1455
在数组的倒数第二个位置添加元素。
js：Array数组插入元素操作的4种方式
彭世瑜的博客
02-15 4141
经常使用到的数组方法，过段时间需要整理一遍，工作中经常使用，偶尔想不起来。
JavaScript 增加数组中指定元素（5种方法）
阿猫故乡的博客
01-11 3682
在JavaScript中，数组是一种用于存储和管理多个值的数据结构。本文将重点介绍如何向数组中添加指定的元素，通过使用ES6语法提供的5种常用方法，即Spread运算符、Array.from()方法、Array.prototype.push()方法、Array.prototype.unshift()方法和Array.prototype.splice()方法。这些方法提供了不同的方式来向数组中增加元素，无论是在数组的开头、末尾还是中间位置。通过学习这些方法，您将能够灵活地操作数组，并将指定的元素添加到数组中。
js向数组中插入元素
codeFly
08-11 2万+
1、在数组的开头添加新元素 - unshift() function myFunction(){ var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.unshift("Lemon","Pineapple"); var x=document.getElementById("demo"); x.innerHTML=fruits; } 结果: Lemon,Pineapple,Banana,Orange,Apple
js 数组指定位置插入元素
07-28
要在 JavaScript 数组的指定位置插入元素，你可以使用数组的 `splice()` 方法。`splice()` 方法可以删除、替换或插入数组中的元素。以下是在指定位置插入元素的示例代码： ```javascript const array = [1, 2, 3, 4, 5]; const index = 2; // 要插入元素的位置 const element = 'new'; // 要插入的元素 array.splice(index, 0, element); // 在指定位置插入元素 console.log(array); // 输出: [1, 2, 'new', 3, 4, 5] ``` 在上面的示例中，我们有一个数组 `array`，要在位置 `index` 处插入元素 `'new'`。我们使用 `splice()` 方法来实现，通过指定 `index`、`0`（表示不删除任何元素）和 `element` 来进行插入操作。最后，我们打印数组，可以看到 `'new'` 被成功插入到了指定的位置。 请注意，使用 `splice()` 方法会修改原始数组。如果你不想修改原始数组，可以先创建一个副本进行操作。例如： ```javascript const array = [1, 2, 3, 4, 5]; const index = 2; // 要插入元素的位置 const element = 'new'; // 要插入的元素 const newArray = [...array]; // 创建原数组的副本 newArray.splice(index, 0, element); // 在指定位置插入元素 console.log(newArray); // 输出: [1, 2, 'new', 3, 4, 5] ``` 上述代码中，我们创建了一个名为 `newArray` 的新数组，它是 `array` 的副本。然后，在新数组上执行插入操作，最后打印新数组。原始数组 `array` 保持不变。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值