对象数值的特定位置的插入方式

最新推荐文章于 2024-06-12 13:18:32 发布

转载最新推荐文章于 2024-06-12 13:18:32 发布 · 2k 阅读

本文介绍了一种在JavaScript数组的指定索引位置插入新元素的方法。通过使用数组的splice方法，可以轻松实现这一功能。此外，还提供了一个扩展数组原型的示例，以便更简洁地进行插入操作。

如何在JS数组特定索引处指定位置插入元素？

需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。

?

1

2

3

4

5

6

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

如果对扩展原生 JavaScript 不反感,那么可以将这个方法添加到数组原型(Array prototype)中:

?

1

2

3

 
         Array.prototype.insert = 
         function 
          (index, item) {
        
         this
         .splice(index, 0, item);
        
         };

此时,可以这样调用:

?

1

2

3

 
         var 
          nums = [
         "one"
         , 
         "two"
         , 
         "four"
         ];
        
 
         nums.insert(2, 
         'three'
         ); 
         // 注意数组索引, [0,1,2..]
        
 
         array 
         // ["one", "two", "three", "four"]
        