vuejs 數組合並與對象的合並


============數組合並=============
1、數組合並前

var listdata= [{
"smallclassid": "21",
"smallclassname": "長沙菜"
}, {
"smallclassid": "6",
"smallclassname": "湘菜分類"
}];

var data = [{
smallclassid:0,
smallclassname:'全部'
}];

2、合並動作
var newdata = data.concat(listdata);

3、數組合並后
[{
smallclassid:0,
smallclassname:'全部'
},{
"smallclassid":"21",
"smallclassname":"長沙菜"
},{
"smallclassid":"6",
"smallclassname":"湘菜分類"
}]

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

============數組合並=============

============合並對象=============
2、Obj.assign()
//a. 復制一個對象<br>var obj = { a: 1 ,b:2};
var copyObj = Object.assign({}, obj);
console.log(copyObj); // { a: 1,b:2 }<br><br>//b.合並多個對象
var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };

var obj = Object.assign(o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }
console.log(o1); // { a: 1, b: 2, c: 3 }, 且目標對象自身也會改變
============合並對象=============

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM