vue+js 數組,對象合併操作方法

1.普通數組合並:

//1.concat 方法
var a=[1,2,3],b=[4,5,6];
var c=a.concat(b);//向a數組添加b;
console.log(c);// 1,2,3,4,5,6
console.log(a);// 1,2,3  不改變本身


//2.for 循環push方法
var a=[0,1];
var b=[2,3,4]; 
for(var i=0;i<b.length;i++){
      a.push(b[i]) 
}
 
console.log(a);//[0,1,2,3,4]

2.使用apply方法合併數組:函數的apply方法有一個特性,那就是func.apply(obj,argv),argv是一個數組。

// ES5 的寫法
var a = [0, 1, 2];
var b = [3, 4, 5];
Array.prototype.push.apply(a, b);

或者

a.push.apply(a,b)

//console.log(a);//[0,1,2,3,4,5]

3.ES6--擴展方法拼接數組:

// ES6 的寫法 
var a = [0, 1, 2];
var b = [3, 4, 5];
a.push(...b); 
console.log(a)//[0,1,2,3,4,5]

// ES6 的寫法
var a = [0, 1, 2];
var b = [3, 4, 5];
var c=[...a, ...b]
console.log(c)//[0,1,2,3,4,5]

//ES6寫法——使用map()
var arr1 = [1, 2, 3];
var arr2 = ["a","b","c","d","e","f"];

arr1.map(item=>{
arr
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章