Metode Pop Push Shift dan Unshift Array di JavaScript – Codewithaden

Dalam contoh ini, kita akan melihat metode Pop, Push, Shift, dan Unshift Array satu per satu di JavaScript node.js dengan contoh. Selain itu, JavaScript memberi kami empat metode untuk menambah atau menghapus item dari awal atau akhir array

Metode Pop Push Shift dan Unshift Array di JavaScript

Kami akan menguji semua contoh kami di dalam node.js karena mudah untuk melihat output terminal. Kalau tidak, kita perlu membuat file HTML, menyertakan file JS di dalamnya, dan memeriksa konsol browser untuk melihat output.

Jika Anda membuat folder proyek dan membuka folder itu di dalam editor, saya menggunakan Vscode Dan, jika mungkin, mulailah menggunakan editor itu untuk pengembangan JavaScript.

Oke, setelah itu, inisialisasi a package.json file menggunakan NPM memerintah.

npm init -y 

Sekarang instal server nodemon dengan perintah berikut.

npm install nodemon --save-dev 

Buat file JS baru ditelepon server.js dalam folder proyek.

Mulai server Nodemon dengan perintah berikut.

nodemon server 

Array JavaScript pop

Itu pop () adalah metode javascript bawaan yang menghapus elemen terakhir dari array dan mengembalikan elemen itu. Metode POP () tidak mengambil argumen apa pun dan menghapus item terakhir dari array.

Javascript pop () Metode dapat dipanggil atau diterapkan pada objek yang menyerupai array. Objek yang tidak mengandung panjangnya Properti yang mencerminkan serangkaian properti numerik berbasis nol berturut-turut mungkin tidak berperilaku dengan cara yang berarti.

Jika Anda menelepon a pop () berfungsi pada array kosong, kembali tidak terdefinisi .

Mari kita lihat tindakan ini dalam contoh.

// server.js

let stocks = [
  { type:"Apple", year:1975 },
  { type:"Microsoft", year:1976 },
  { type:"Amazon", year:1995 }
];

poppedStock = stocks.pop();
console.log(stocks);
console.log("Popped Item", poppedStock); 

Lihat terminal untuk output.

Pop

Jadi, di sini dari contoh, kita dapat melihat bahwa elemen terakhir dihapus dan dikembalikan.

Cara menghapus elemen dari akhir array

Untuk menghapus elemen dari akhir array di JavaScript, gunakan arr.length Properti . Itu array.length Properti mengembalikan array hingga panjang yang ditentukan, dan elemen yang tersisa akan dihilangkan. Jadi, misalnya, kami dapat menghapus elemen yang dimulai dengan panjang + 1 dari array.

// app.js

let arr = [1, 2, 3, 4, 5, 6];
arr.length = 4;
console.log(arr);
 

Dalam kode di atas, kami telah mengatur ukuran array menjadi empat.

Ini berarti bahwa array dimulai dari 0, yang berarti setelah elemen ke -4, itu akan menghapus item lainnya, dan kami mendapatkan satu -satunya empat item pertama dalam array.

Lihat output berikut.

➜  es git:(master) ✗ node app
[ 1, 2, 3, 4 ]
➜  es git:(master) ✗
 

Menggunakan sambungan untuk menghapus elemen array dalam javascript

Itu array splice () adalah fungsi javascript bawaan yang menghapus elemen dari array. Itu sambatan() Metode dapat menambah atau menghapus item dari array. Argumen pertama menentukan lokasi di mana harus mulai menambah atau menghapus elemen.

Argumen kedua menentukan jumlah item yang akan dihapus. Argumen ketiga dan selanjutnya adalah opsional; Mereka menentukan elemen yang ditambahkan ke array.

// app.js

let arr = [1, 2, 3, 4, 5, 6];
let removedArr = arr.splice(2,2);
console.log(removedArr);
 

Lihat output berikut.

➜  es git:(master) ✗ node app
[ 3, 4 ]
➜  es git:(master) ✗
 

Jadi, telah menghapus dua elemen mulai dari indeks 2 dan panjang 2. Ini berarti, dalam kasus kami, telah mulai dihapus dari elemen ke -3 hingga elemen ke -4 karena panjangnya 2.

Array JavaScript dorongan

Itu array push () adalah bawaan Javascript Metode yang menambahkan elemen baru ke akhir array dan mengembalikan panjang baru. Item baru akan ditambahkan di akhir array. Itu dorongan () Metode mengubah panjang array.

Jika kami ingin menambahkan elemen di awal array, gunakan tidak henti () metode. Satu-satunya benda asli, seperti array string , meskipun mereka tidak cocok dalam aplikasi metode ini, karena string tidak dapat diubah.

// server.js

let stocks = [
  { type:"Apple", year:1975 },
  { type:"Microsoft", year:1976 },
  { type:"Amazon", year:1995 }
];

stocks.push({
  type: "Tesla", year: "2003"
});
console.log(stocks); 

JavaScript

Menambahkan beberapa elemen dalam array

Untuk menambahkan beberapa elemen dalam array JavaScript, gunakan metode array.push (). Lulus beberapa argumen ke array.push () metode dan mengembalikan array yang dimodifikasi.

Lihat contoh berikut menambahkan beberapa elemen ke dalam array.

// app.js

let arr = [1, 2, 3];
arr.push(4, 5, 6);
console.log(arr);
 

Lihat output berikut.

➜  es git:(master) ✗ node app
[ 1, 2, 3, 4, 5, 6 ]
➜  es git:(master) ✗
 

JavaScript Push Object to Array

Untuk menambahkan objek ke array di JavaScript, gunakan array.push () metode.

Bagaimana kita bisa menambahkan objek ke array ?? Baiklah, mari kita lihat kode berikut.

// app.js

let milliebobbybrown = {
  name: 'eleven',
  age: 11
}

let strangerThings = [{
  name: 'Dustin',
  age: 13
}, {
  name: 'Mike',
  age: 12
  }];

strangerThings.push(milliebobbybrown)
console.log(strangerThings)
 

Lihat output berikut.

➜  es git:(master) ✗ node app
[ { name: 'Dustin', age: 13 },
  { name: 'Mike', age: 12 },
  { name: 'eleven', age: 11 } ]
➜  es git:(master) ✗
 

Array JavaScript menggeser

Itu menggeser () adalah metode javascript bawaan yang menghapus item pertama dari suatu array. Setelah itu, menggeser() Metode mengubah panjang array. Nilai pengembalian dari menggeser Metode adalah elemen yang dihapus.

// server.js

let stocks = [
  { type:"Apple", year:1975 },
  { type:"Microsoft", year:1976 },
  { type:"Amazon", year:1995 }
];

shiftedStock = stocks.shift();
console.log(stocks);
console.log("Shifted Item", shiftedStock); 

JavaScript

Array JavaScript tidak henti

JavaScript array unshift () adalah metode bawaan yang menambahkan elemen baru ke awal array dan mengembalikan panjang baru. Itu unshift () Metode mengubah panjang array karena menambahkan elemen baru ke array.

// server.js

let stocks = [
  { type:"Apple", year:1975 },
  { type:"Microsoft", year:1976 },
  { type:"Amazon", year:1995 }
];

let newStock = {
  type: "Tesla", year: 2003
};

unshiftedStock = stocks.unshift(newStock);
console.log(stocks);
console.log("Shifted Item", unshiftedStock); 

JavaScript

Itu untuk tutorial ini.

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 *