ผลักดันองค์ประกอบหลายรายการเพื่ออาร์เรย์

ฉันพยายามที่จะผลักองค์ประกอบหลายรายการเป็นหนึ่งอาร์เรย์ แต่ได้รับข้อผิดพลาด

> a = []
[]
> a.push.apply(null, [1,2])
TypeError: Array.prototype.push called on null or undefined

ฉันพยายามทำสิ่งที่คล้ายกันที่ฉันทำในทับทิมฉันคิดว่าapplyมันเป็นอย่าง*นั้น

>> a = []
=> []
>> a.push(*[1,2])
=> [1, 2]

เมื่อใช้ฟังก์ชั่นมากที่สุดของวัตถุที่มีapplyหรือcallที่contextพารามิเตอร์ต้องเป็นวัตถุที่คุณกำลังทำงานอยู่

ในกรณีนี้คุณต้องการa.push.apply(a, [1,2])(หรือมากกว่านั้นถูกต้องArray.prototype.push.apply(a, [1,2]))

คุณสามารถผลักองค์ประกอบหลาย ๆ ชิ้นเข้าไปในอาร์เรย์ได้ด้วยวิธีการดังต่อไปนี้

var a = [];
    
a.push(1, 2, 3);

console.log(a);

ขณะนี้อยู่ใน ECMAScript2015 (aka ES6) คุณสามารถใช้ตัวดำเนินการสเปรดเพื่อผนวกหลายรายการพร้อมกัน:

var arr = [1];
var newItems = [2, 3];
arr.push(...newItems);
console.log(arr);

ดูตารางความเข้ากันได้ ES6 ของ Kangaxเพื่อดูว่าเบราว์เซอร์ใดบ้างที่เข้ากันได้

คุณสามารถใช้Array.concat:

var result = a.concat(b);

หากคุณต้องการทางเลือกArray.concatใน ECMAScript 2015 (aka ES6, ES2015) ที่ชอบไม่ได้ปรับเปลี่ยนอาร์เรย์ แต่ส่งกลับอาร์เรย์ใหม่ที่คุณสามารถใช้ตัวดำเนินการแพร่กระจายเช่น:

var arr = [1];
var newItems = [2, 3];
var newerItems = [4, 5];
var newArr = [...arr, ...newItems, ...newerItems];
console.log(newArr);

โปรดทราบว่านี่จะแตกต่างจากpushวิธีการเป็นpushวิธีการกลายพันธุ์ / ปรับเปลี่ยนอาร์เรย์

หากคุณต้องการที่จะดูว่าบาง ES2015 คุณสมบัติการทำงานในเบราว์เซอร์ของคุณตรวจสอบตารางการทำงานร่วมกันของ Kangax

คุณสามารถใช้Babelหรือ transpiler ที่คล้ายกันได้หากคุณไม่ต้องการรอการสนับสนุนเบราว์เซอร์และต้องการใช้ ES2015 ในการผลิต

Array.prototype.push(a, b)มีคำตอบจำนวนมากแนะนำให้ใช้งาน: มันเป็นวิธีที่ดีแต่ถ้าคุณจะมีขนาดใหญ่มาก b คุณจะมีข้อผิดพลาดสแต็คล้น (เพราะ args มากเกินไป) ระวังที่นี่

ดูวิธีที่มีประสิทธิภาพมากที่สุดในการเชื่อมต่ออาร์เรย์ N คืออะไร? สำหรับรายละเอียดเพิ่มเติม

var a=[];
a.push({
 name_a:"abc",
 b:[]
});

a.b.push({
  name_b:"xyz"
});