数组的处理方法
$set 的使用:使用this.$set()来修改数组(如果直接修改数组且不使用this.$set(), 则会出现页面延迟响应数据的结果)
使用方法:
this.$set(array,index,value)
array: 是你需要的数组
index: 是你要修改的元素的下标
value: 是你最新的值
let array = [ {name:'tom',age:1}, {name:'jerry',age:2}, {name:'mary',age:3}, ] this.$set(array,1,{name:'我是jerry, 我要修改成haha',age:5}); // 这个使用 数组就变成了 [ {name:'tom',age:1}, {name:'我是jerry, 我要修改成haha',age:5} {name:'mary',age:3}, ]
Array.concat 方法的使用 (数组的拼接)
var a = [1,2,3]; var b=["4","5", "6"];
var c=a.concat(b);
最终的结果是: console.log(c) // [1,2,3,"4","5","6"]
//c是新数组,此时内存使用有,c,a,b三个数组
添加元素(push \ unshift \ splice)
1、向数组结尾添加元素 : arr.push(item)
2、向数组的头部添加元素 : arr.unshift(item)
3、向数组中间添加元素(在index处添加一个元素):arr.splice(index, 0, item)
删除数组中的一个元素
1、删除并返回数组的最后一个元素 :var item = arr.push()
2、去除数组的头部元素 :var item = arr.shift()
3、删除数组中的某个元素(从数组的index处,删除length个元素):arr.splice(index,length)
替换数组中的某个元素
将数组从index起,len个元素替换成item :arr.splice(index,len,item)
splice的使用
splice(index,length,[item]) :该方法会改变原始数组
splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值
index:数组开始下标
length: 替换/删除的长度
item:替换的值,删除操作的话 item为空
1、删除数组中的元素 splice(index,length)
2、替换数组中的元素
3、向数组中添加元素:en设置为0,item为添加的值
Array.apply 方法的使用 (创建一个数组)
Array.apply(null, {length: 3}) length为特殊字段,意思是生成一个长度为3的数组,由于没赋值,所以都是undefined
如果要赋值:
console.log(Array.apply(null, {0:'a', 1: 'b', 2: 'c', length:5})); // ["a", "b", "c"]
和ES6的Array.from有点类似, Array.from