Coding - 碼農筆記 / Coding 101 / JavaScript / 常用筆記

JavaScript: Array.prototype.concat()用法筆記

JavaScript: Array.prototype.concat()用法筆記

concat() 方法回傳一個包含呼叫者陣列本身的值,以及被當作參數提供的陣列或是值的而成的新陣列。

var item = [1,3];
var newItem = item.concat(3,4,5);
console.log(newItem);   // 輸出 [1, 3, 3, 4, 5]

 

// 合併多種類型

var newItem2 = item.concat(6,”string”,undefined);
console.log(newItem2); // 輸出 [1, 3, 6, “string”, undefined]

 

// 將2個Array與原本的合併成一個Array

var newItem3 = item.concat([3,4,5],[6,7]);
console.log(newItem3); // 輸出 [1, 3, 3, 4, 5, 6, 7]

// 欲將合併的值裡包含一個Array,則在concat中在多包一層[]

var newItem4 = item.concat([3,[4,5]]);
console.log(newItem4); // 輸出 [1, 3, 3, [4, 5]]


 

concat + forEach運用

var people = [
  {
    name: 'Shane'
  },
  {
    name: 'Sally'
  }
];


people.forEach(function(person){
  console.log(person.name); 
})

// 輸出
// "Shane"
// "Sally"



// 再多新增一組,合併後輸出
var people2 = [
  {
    name: 'Sam'
  },
  {
    name: 'Jonny'
  }
];

people.concat(people2).forEach( function(person) {
  console.log(person.name);
})


// 輸出
// "Shane"
// "Sally"
// "Shane"
// "Sally"
// "Sam"
// "Jonny"

 

語法及範例參考 MDN

© 2024 胡同筆記 | WordPress Theme: Cosimo by CrestaProject.