每日分享！～ JavaScript（js数组如何在指定的位置插入一个元素）

 

这个想法是在一个面试题中看到的：

题目是这样的： 

　　// 一个数组，在指定的index 位置插入一个元素，返回一个新的数组，不改变原来的数组 
<script>
        function insert(arr, item, index) {
            var newArr = arr.concat()
            for (var i = 0; i < newArr.length; i++) {
                if (index > 0) {
                    if (i === index) {
                        newArr.splice(i,0,item)
                    }
                } 
            }
            return newArr
        }

        document.write(insert([1,2,3,4,5,5],2,2))
    </script>

 

 

当你遇到这问题：如何处理呢？

在解决这个问题之前，我还不知道数组中的splice方法可以插入一个元素，一直认为splice方法只可以删除一个数组的元素！！！  既然这样，那么废话不多说，介绍介绍splice的用法吧。

 

-----------------------------------------------------分割线------------------------------------------------------------------------------

splice的用法：

splice() 方法通过删除或替换现有的元素或者原地添加新的元素来修改数组并以数组的形式返回被修改的内容。此方法会改变愿数组，。

具体三个参数如下：

start​

指定修改的开始位置（从0计数）。如果超出了数组的长度，则从数组末尾开始添加内容；如果是负值，则表示从数组末位开始的第几位（从-1计数，这意味着-n是倒数第n个元素并且等价于array.length-n）；如果负数的绝对值大于数组的长度，则表示开始位置为第0位。

deleteCount 可选

整数，表示要移除的数组元素的个数。

如果 deleteCount 大于 start 之后的元素的总数，则从 start 后面的元素都将被删除（含第 start 位）。

如果 deleteCount 被省略了，或者它的值大于等于array.length - start(也就是说，如果它大于或者等于start之后的所有元素的数量)，那么start之后数组的所有元素都会被删除。

如果 deleteCount 是 0 或者负数，则不移除元素。这种情况下，至少应添加一个新元素。

item1, item2, ... 可选

要添加进数组的元素,从start 位置开始。如果不指定，则 splice() 将只删除数组元素。

示例：splice() 方式删除数组

var arr = [1,2,2,3,4,5]
arr.splice(1,1) // 第一个参数表示index （索引） 第二个参数表示从这个索引开始，从左往右要删除的长度 。
// 返回的结果是 [2]   改变原来的数组  
// 最终arr = [1,2,3,4,5] 　　

　　　　示例：splice() 方式添加数组　

var arr = [1,2,2,3,4,5]
arr.splice(2,0,4)  // 第一个参数表示index（索引） 第二个参数要移除的个数， 第三个参数表示要添加的元素
// 返回的结果为空，  改变原来的数组
// 最终 arr = [1,2,4,2,3,4,5]

 

 

总结感悟：  原生js中的内置对象非常有用，我们必须努力掌握好！～ 不然像我一样这个简单的题目的忘记来！记住splice()方法后，便可以轻易的解决掉这个问题啦～～～