Urutan di mana kami membongkar array dipertahankan dan semua elemen arr1 datang sebelum elemen arr2
Sintaks penyebaran (. ) umumnya digunakan saat Anda perlu menambahkan elemen baru ke dalam array tanpa mengubah konten array asli
Sebagai alternatif, Anda dapat menggunakan metode Array.concat()
Tambahkan satu Array ke array lain menggunakan Array.concat()
Gunakan metode Array.concat() untuk menambahkan satu larik ke larik lain, mis. g. arr3_1
Metode Array.concat()_ akan menggabungkan dua larik menjadi larik ketiga dan akan mengembalikan hasilnya
Kami menggunakan Array. concat() untuk menggabungkan dua array menjadi yang ketiga
Metode ini tidak mengubah isi larik asli, melainkan mengembalikan larik baru
Metode mengambil array yang ingin Anda gabungkan ke dalam array baru sebagai parameter
Berikut adalah contoh pemanggilan metode arr33 dengan banyak array
Semua larik yang kami berikan ke metode Array.concat(), termasuk arr1 digabungkan menjadi larik baru
Anda bahkan dapat meneruskan nilai non-array ke metode arr33
Kami meneruskan dua string dan sebuah array ke metode arr33 dan semuanya digabungkan ke dalam array baru
Pendekatan alternatif adalah dengan menggunakan metode arr3_8 untuk menambahkan satu larik ke larik lainnya
Tambahkan satu Array ke Array lain menggunakan arr38
Gunakan metode arr2_0 untuk menambahkan satu larik ke larik lain, mis. g. arr2_1
Metode arr2_0 digunakan untuk menambahkan satu atau lebih elemen ke akhir array
Kami menggunakan operator spread (. ) untuk membongkar nilai arr2 saat memanggil Array. metode dorong
Metode arr3_8 mengambil satu atau lebih nilai sebagai parameter. Parameter didorong ke akhir array
Perhatikan bahwa metode arr2_0 mengubah isi array yang dipanggil
Metode memutasi array di tempat
Anda juga dapat menggunakan loop arr26 sederhana untuk menambahkan satu array ke array lainnya
Tambahkan satu Array ke Array lain menggunakan arr26 loop
Untuk menambahkan satu array ke array lain
- Gunakan loop arr26 untuk mengulang larik kedua
- Pada setiap iterasi, gunakan metode arr2_9 untuk menghapus elemen pertama dari array
- Gunakan metode arr2_0 untuk mendorong elemen yang dihapus ke array lain
Kami menggunakan arr2_6 loop untuk mengulang selama panjang arr2 lebih besar dari arr33
Pada setiap iterasi, kami menggunakan metode arr29 untuk menghapus dan mengembalikan elemen pertama dari larik kedua
Kami langsung meneruskan output dari metode arr2_9 ke metode arr20 untuk mendorong elemen ke array pertama
Loop arr2_6 menambahkan isi array kedua ke array pertama, sebagai gantinya
Anda juga dapat menggunakan metode arr38 untuk menambahkan satu larik ke larik lainnya
Tambahkan satu Array ke Array lain menggunakan arr38
Untuk menambahkan satu array ke array lain
- Gunakan metode arr3_8 untuk mengulang larik kedua
- Gunakan metode arr2_0 untuk mendorong setiap elemen ke dalam larik pertama
Fungsi yang kami berikan ke Array. metode forEach() dipanggil dengan setiap elemen dalam array
Pada setiap iterasi, kami menggunakan metode arr20 untuk mendorong elemen ke dalam larik pertama
Pendekatan ini mengubah isi array pertama saja, sedangkan pendekatan loop arr26 mengubah kedua array pada tempatnya
Opsi mana yang Anda pilih adalah masalah preferensi pribadi. Saya akan menggunakan sintaks spread (. ) atau Array.concat() karena kedua opsi tersebut cukup langsung dan intuitif
Metode push()_ menambahkan satu atau lebih elemen ke akhir array dan mengembalikan panjang array yang baru
push(element0) push(element0, element1) push(element0, element1, /* … ,*/ elementN)
elementN
Elemen yang akan ditambahkan ke akhir array
Properti length_ baru dari objek tempat metode dipanggil
Metode push()_ menambahkan nilai ke array
Array.prototype.unshift() memiliki perilaku yang mirip dengan push(), tetapi diterapkan pada awal array
Metode push() adalah metode mutasi. Itu mengubah panjang dan isi const sports = ["soccer", "baseball"]; const total = sports.push("football", "swimming"); console.log(sports); // ['soccer', 'baseball', 'football', 'swimming'] console.log(total); // 4 2. Jika Anda ingin nilai const sports = ["soccer", "baseball"]; const total = sports.push("football", "swimming"); console.log(sports); // ['soccer', 'baseball', 'football', 'swimming'] console.log(total); // 4 _2 sama, tetapi mengembalikan array baru dengan elemen ditambahkan di akhir, Anda dapat menggunakan const sports = ["soccer", "baseball"]; const total = sports.push("football", "swimming"); console.log(sports); // ['soccer', 'baseball', 'football', 'swimming'] console.log(total); // 4 4 sebagai gantinya. Perhatikan bahwa elemen dibungkus dalam larik ekstra — jika tidak, jika elemennya adalah larik itu sendiri, elemen tersebut akan disebarkan alih-alih didorong sebagai elemen tunggal karena perilaku const sports = ["soccer", "baseball"]; const total = sports.push("football", "swimming"); console.log(sports); // ['soccer', 'baseball', 'football', 'swimming'] console.log(total); // 4 5
Metode push()_ adalah. Itu hanya mengharapkan nilai const sports = ["soccer", "baseball"]; const total = sports.push("football", "swimming"); console.log(sports); // ['soccer', 'baseball', 'football', 'swimming'] console.log(total); // 4 _2 memiliki properti length dan properti dengan kunci bilangan bulat. Meskipun string juga mirip array, metode ini tidak cocok untuk diterapkan padanya, karena string tidak dapat diubah
Kode berikut membuat larik const sports = ["soccer", "baseball"]; const total = sports.push("football", "swimming"); console.log(sports); // ['soccer', 'baseball', 'football', 'swimming'] console.log(total); // 4 9 yang berisi dua elemen, lalu menambahkan dua elemen ke dalamnya. Variabel const vegetables = ["parsnip", "potato"]; const moreVegs = ["celery", "beetroot"]; // Merge the second array into the first one vegetables.push(...moreVegs); console.log(vegetables); // ['parsnip', 'potato', 'celery', 'beetroot'] _0 berisi panjang baru dari array
const sports = ["soccer", "baseball"]; const total = sports.push("football", "swimming"); console.log(sports); // ['soccer', 'baseball', 'football', 'swimming'] console.log(total); // 4 _
Contoh ini menggunakan sintaks spread untuk mendorong semua elemen dari larik kedua ke larik pertama
const vegetables = ["parsnip", "potato"]; const moreVegs = ["celery", "beetroot"]; // Merge the second array into the first one vegetables.push(...moreVegs); console.log(vegetables); // ['parsnip', 'potato', 'celery', 'beetroot']
Menggabungkan dua array juga dapat dilakukan dengan metode const sports = ["soccer", "baseball"]; const total = sports.push("football", "swimming"); console.log(sports); // ['soccer', 'baseball', 'football', 'swimming'] console.log(total); // 4 5
Metode push() membaca properti length dari const sports = ["soccer", "baseball"]; const total = sports.push("football", "swimming"); console.log(sports); // ['soccer', 'baseball', 'football', 'swimming'] console.log(total); // 4 2. Ini kemudian menetapkan setiap indeks const sports = ["soccer", "baseball"]; const total = sports.push("football", "swimming"); console.log(sports); // ['soccer', 'baseball', 'football', 'swimming'] console.log(total); // 4 2 mulai dari length dengan argumen diteruskan ke push(). Akhirnya, ini menyetel length ke panjang sebelumnya ditambah jumlah elemen yang didorong
const arrayLike = { length: 3, unrelated: "foo", 2: 4, }; Array.prototype.push.call(arrayLike, 1, 2); console.log(arrayLike); // { '2': 4, '3': 1, '4': 2, length: 5, unrelated: 'foo' } const plainObj = {}; // There's no length property, so the length is 0 Array.prototype.push.call(plainObj, 1, 2); console.log(plainObj); // { '0': 1, '1': 2, length: 2 }
Seperti disebutkan di atas, const vegetables = ["parsnip", "potato"]; const moreVegs = ["celery", "beetroot"]; // Merge the second array into the first one vegetables.push(...moreVegs); console.log(vegetables); // ['parsnip', 'potato', 'celery', 'beetroot'] _9 sengaja dibuat generik, dan kita dapat menggunakannya untuk keuntungan kita. const arrayLike = { length: 3, unrelated: "foo", 2: 4, }; Array.prototype.push.call(arrayLike, 1, 2); console.log(arrayLike); // { '2': 4, '3': 1, '4': 2, length: 5, unrelated: 'foo' } const plainObj = {}; // There's no length property, so the length is 0 Array.prototype.push.call(plainObj, 1, 2); console.log(plainObj); // { '0': 1, '1': 2, length: 2 } 0 dapat mengerjakan objek dengan baik, seperti yang ditunjukkan contoh ini
Perhatikan bahwa kami tidak membuat larik untuk menyimpan kumpulan objek. Alih-alih, kami menyimpan koleksi pada objek itu sendiri dan menggunakan const arrayLike = { length: 3, unrelated: "foo", 2: 4, }; Array.prototype.push.call(arrayLike, 1, 2); console.log(arrayLike); // { '2': 4, '3': 1, '4': 2, length: 5, unrelated: 'foo' } const plainObj = {}; // There's no length property, so the length is 0 Array.prototype.push.call(plainObj, 1, 2); console.log(plainObj); // { '0': 1, '1': 2, length: 2 } 1 pada const arrayLike = { length: 3, unrelated: "foo", 2: 4, }; Array.prototype.push.call(arrayLike, 1, 2); console.log(arrayLike); // { '2': 4, '3': 1, '4': 2, length: 5, unrelated: 'foo' } const plainObj = {}; // There's no length property, so the length is 0 Array.prototype.push.call(plainObj, 1, 2); console.log(plainObj); // { '0': 1, '1': 2, length: 2 } 0 untuk mengelabui metode agar berpikir bahwa kami berurusan dengan array—dan itu berfungsi, berkat cara JavaScript memungkinkan kami menetapkan konteks eksekusi dengan cara apa pun yang kami inginkan
const obj = { length: 0, addElem(elem) { // obj.length is automatically incremented // every time an element is added. [].push.call(this, elem); }, }; // Let's add some empty objects just to illustrate. obj.addElem({}); obj.addElem({}); console.log(obj.length); // 2
Perhatikan bahwa meskipun const arrayLike = { length: 3, unrelated: "foo", 2: 4, }; Array.prototype.push.call(arrayLike, 1, 2); console.log(arrayLike); // { '2': 4, '3': 1, '4': 2, length: 5, unrelated: 'foo' } const plainObj = {}; // There's no length property, so the length is 0 Array.prototype.push.call(plainObj, 1, 2); console.log(plainObj); // { '0': 1, '1': 2, length: 2 } 3 bukan array, metode const vegetables = ["parsnip", "potato"]; const moreVegs = ["celery", "beetroot"]; // Merge the second array into the first one vegetables.push(...moreVegs); console.log(vegetables); // ['parsnip', 'potato', 'celery', 'beetroot'] 9 berhasil menambah properti const arrayLike = { length: 3, unrelated: "foo", 2: 4, }; Array.prototype.push.call(arrayLike, 1, 2); console.log(arrayLike); // { '2': 4, '3': 1, '4': 2, length: 5, unrelated: 'foo' } const plainObj = {}; // There's no length property, so the length is 0 Array.prototype.push.call(plainObj, 1, 2); console.log(plainObj); // { '0': 1, '1': 2, length: 2 } 3 length seperti jika kita berurusan dengan array yang sebenarnya