JS中数组的方法
前言:有一说一,前端渲染页面用到最多的还是数组的操作了,今天总结一下。
ES5中数组的方法:
Array
let arr = ['hello', 3, 4, 5, 'world' ]
以下操作全以该数组为基础
方法:push()
功能:在数组末尾新增元素(可传多个参数)
返回值:新增元素后数组的长度
是否修改原数组: 是
var res = arr.push("aaa", "bbb");
console.log(res, arr); // 7 ["hello", 3, 4, 5, "world", "aaa", "bbb"]
方法:unshift()
功能:在数组开始的位置新增元素(可传多个参数)
返回值:新增元素后数组的长度
是否修改原数组: 是
var res = arr.unshift("aaa", "bbb");
console.log(res, arr); // 7 ["aaa", "bbb", "hello", 3, 4, 5, "world"]
方法:shift()
功能:删除第一位(无参数)
返回值:删除的元素
是否修改原数组: 是
var res = arr.shift();
console.log(res, arr); //hello [3, 4, 5, "world"]
方法:pop()
功能:删除最后一位元素(无参数)
返回值:删除的元素
是否修改原数组: 是
var res = arr.pop();
console.log(res, arr); // world ["hello", 3, 4, 5]
方法:join()
功能:将数组转化为字符(无参数默认使用,隔开)
返回值:转化的结果
是否修改原数组: 否
var res = arr.join(); // hello,3,4,5,world
var res = arr.join(""); // hello345world
var res = arr.join(" "); // hello 3 4 5 world
方法:splice()
功能:删除并替换指定位置的数据
参数:
一个:从该索引开始之后的元素(包括该索引)
两个:1起始索引,2个数,不插入数据,只删除
两个以上:1起始索引,2个数