必不可少的数组操作技巧

Array.splice()方法第三个参数

大多数的时候都是用这个方法来截取数组中的某些内容， 今天突然仔细阅读文档的时候发现它可以传递三个参数，有了这个参数可以在数组中指定的位置插入内容， 直接上简单的代码看看吧

// 常规使用，从索引1开始删除两项  结果 [ 0, 3 ]
let arr = [0,1,2,3];
arr.splice(1, 2) 

// 第三个参数插入使用  此时结果为  ['a',0, 1,2,3]
 let arr = [0,1,2,3];
 arr.splice(0, 0, 'a');   

// 写入到原型中方便调用
 let arr = [0,1,2,3];
 	// index 指定位置  content 插入的内容
  Array.prototype.insertContent = function (index, content) {
       if (index - 1 < 0) return
       this.splice(index - 1, 0,  content);
   }

   arr.insertContent(2, 'a')    // [0, "a", 1, 2, 3]

解析三个参数

arr.splice(index, count, content)

1. index 要操作项的索引值，案例中 0 代表往索引为0项前面插入
2. count 代表要删除几项， 此时写0代表一项都不删除
3. content 代表要插入的内容

总结

今天给自己一个提醒，今后看官方文档一定要仔细，越是深入了解一个方法的各种细节之后实现某些功能的时候能更加简单。所以前端一定要打好基本功。