数组的处理方法


$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

js