目录
- JS数组开头添加元素
- 数组开头添加元素并返回新数组
- 总结
JS数组开头添加元素
1.使用Array.unshift()方法
//向数组开头添加一个或多个元素，并返回新的长度，该方法改变原数组 let person= ['张三', '李四', '王五']; console.log(person.unshift('小明')); // 4 console.log(person); // ["小明", "张三", "李四", "王五"]
2.使用扩展运算符(…)
var arr1 = ['张三', '李四', '王五']; var arr2 = ['小明', ...arr1]; console.log(arr2); // ["小明", "张三", "李四", "王五"]
3.使用Aarry.concat()方法
//用于连接两个或多个数组，并返回一个新数组，该方法不会改变原数组 var arr3 = ['aaa']; console.log(arr3.concat(arr2)); // ["aaa", "小明", "张三", "李四", "王五"] console.log(arr2); // ["小明", "张三", "李四", "王五"]
数组开头添加元素并返回新数组
1.运行时间: 977ms 占用内存: 77900KB
function prepend(arr, item) { var newarr = arr.concat(); newarr.unshift(item) return newarr } var arr = [1, 2, 3, 4]; var item = 10
2.运行时间: 1048ms 占用内存: 77776KB
function prepend(arr, item) { var newarr = arr.slice(); newarr.unshift(item) return newarr } var arr = [1, 2, 3, 4]; var item = 10;
3.运行时间: 1034ms 占用内存: 77776KB
function prepend(arr, item) { return [item].concat(arr) } var arr = [1, 2, 3, 4]; var item = 10;
4.运行时间: 1010ms 占用内存: 77880KB
function prepend(arr, item) { var newarr = [item]; newarr.push.apply(newarr,arr) return newarr } var arr = [1, 2, 3, 4]; var item = 10;
5.运行时间: 1409ms 占用内存: 77840KB
function prepend(arr, item) { var newarr = arr.slice(); newarr.splice(0,0,item); return newarr } var arr = [1, 2, 3, 4]; var item = 10;
6.运行时间: 997ms 占用内存: 77848KB
function prepend(arr, item) { var newarr = [item]; for(var i = 0; i < arr.length; i++){ newarr.push(arr[i]) } return newarr } var arr = [1, 2, 3, 4]; var item = 10;
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持本网站。
您可能感兴趣的文章:
- 向JavaScript的数组中添加元素的方法小结
- JavaScript给数组添加元素的6个方法
- 如何给JS中的数组开头添加元素
- JS在数组头部添加元素的3种方法
