JavaScript Unshift: Panduan Lengkap – Codewithaden

JavaScript unshift () Metode seperti dorongan() metode, hanya saja bekerja di awal Himpunan . Metode unshift () dapat mempersiapkan satu atau lebih elemen ke awal array. Ini mengubah array di mana metode itu dipanggil.

JavaScript Unshift

Itu Himpunan unshift () adalah bawaan Javascript Fungsi yang menambahkan elemen ke awal array dan mengembalikan panjang array baru. Metode unshift () mengambil beberapa argumen, sama seperti jumlah elemen yang akan ditambahkan.

Metode unshift () mengubah panjang array secara langsung, jadi ini bukan fungsi murni.

Jika kita perlu menambahkan item baru di akhir array, kita dapat menggunakan array push () metode.

Ketika orang pertama kali mulai belajar tentang array di JavaScript, mereka biasanya belajar tentang JavaScript Push () dan Javascript pop () Metode yang hanya menambah dan menghapus item dari akhir array.

Misalkan bahasa khusus mereka mendukungnya. Kemudian, kedua metode ini menambahkan item ke array dan menghapus elemen dari itu Array, masing -masing.

Metode -metode ini bekerja di akhir array dan bukan pada awal array, di mana indeks terbesar.

Array JavaScript memiliki dukungan asli untuk push () dan pop () ini, dua metode. JavaScript juga mendukung metode paralel yang berhasil pada Awal array, di mana indeks adalah yang terkecil.

JavaScript Unshift dan JavaScript shift () Metode sama dengan push () dan pop (), hanya bekerja di ujung lain dari array.

Sintaksis

Sintaks dari metode array.unshift () adalah sebagai berikut.

array.unshift(item1, item2, ..., itemX) 

Parameter

Jumlah argumen untuk fungsi ini sama dengan jumlah elemen yang ditambahkan pada awal array.

Nilai pengembalian

Fungsi ini mengembalikan panjang array baru setelah memasukkan argumen di awal array.

Contoh

Mari kita ambil contoh sederhana dan lihat cara kerjanya. Tulis kode berikut di app.js mengajukan. Kami menggunakan Node.js untuk menguji kode JavaScript.

// app.js

let apps = ["Instagram", "Facebook", "Messanger"];
apps.unshift("Oculus", "WhatsApp");

console.log(apps); 

Jalankan file, dan Anda bisa melihatnya Oculus dan Ada apa ditambahkan pada awal array.

Javascript

Kode berikut akan mencakup hampir semua skenario metode unshift ().

let arr = [1, 2];

arr.unshift(0); // result of call is 3, the new array length
// arr is [0, 1, 2]

arr.unshift(-2, -1); // = 5
// arr is [-2, -1, 0, 1, 2]

arr.unshift([-3]);
// arr is [[-3], -2, -1, 0, 1, 2] 

Objek JavaScript Array Unshift.

Mari kita ambil contoh di mana kami mendefinisikan dua objek dan menambahkannya ke dalam satu array. Kemudian coba tambahkan objek ketiga menggunakan metode array unshift ().

// app.js

const objA = {
  name: 'Millie Bobby Brown'
}
const objB = {
  name: 'Finn Wolfhard'
}
const objC = {
  name: 'Sadie Sink'
}
let arr = [objA, objB];
arr.unshift(objC);
console.log(arr);
 

Lihat outputnya.

➜  es git:(master) ✗ node app
[ { name: 'Sadie Sink' },
  { name: 'Millie Bobby Brown' },
  { name: 'Finn Wolfhard' } ]
➜  es git:(master) ✗
 

Tidak hemat beberapa item array di javascript

Kami dapat menambahkan beberapa item ke awal array menggunakan metode unshift ().

// app.js

const objA = {
  name: 'Millie Bobby Brown'
}
const objB = {
  name: 'Finn Wolfhard'
}
const objC = {
  name: 'Sadie Sink'
}
const objD = {
  name: 'Noah Schnapp'
}
const objE = {
  name: 'Gaten Matterazo'
}
let arr = [objA, objB];
arr.unshift(objC, objD, objE);
console.log(arr);
 

Lihat outputnya.

➜  es git:(master) ✗ node app
[ { name: 'Sadie Sink' },
  { name: 'Noah Schnapp' },
  { name: 'Gaten Matterazo' },
  { name: 'Millie Bobby Brown' },
  { name: 'Finn Wolfhard' } ]
➜  es git:(master) ✗
 

Kesimpulan

Metode array unshift () digunakan untuk menyiapkan item atau item ke dalam array.

Itu untuk tutorial metode unshift ().

Posting yang disarankan

JavaScript array concat ()

JavaScript Array Every ()

JavaScript Array Reverse ()

JavaScript array reduksi ()

JavaScript Array Termasuk ()

Artikel ini berasal dari website Winpoin, dan kemudian diterjemahkan ke bahasa indonesia, baca artikel asli disini

Leave a Reply

Your email address will not be published. Required fields are marked *