Operator Spread Javascript: Panduan Lengkap – Codewithaden

Itu menyebarkan sintaks memungkinkan iterable seperti ekspresi array atau string diperluas di tempat-tempat di mana nol atau lebih argumen atau elemen diharapkan, atau ekspresi objek untuk diperluas di daerah di mana nol atau lebih pasangan nilai kunci diharapkan.

Operator Spread Javascript

Javascript Sebaran Operator memungkinkan pemisahan array menjadi argumen tunggal yang diteruskan ke fungsi sebagai argumen terpisah. Operator penyebaran mengambil array atau objek dan memperluasnya ke dalam set elemennya.

Sintaks untuk operator penyebaran tergantung pada konteks yang sedang Anda kerjakan.

Mari kita lihat contoh berikut.

Untuk literal atau string array yang diikuti oleh sintaksis.

[...iterableObject, 19, 20, 21]; 

Untuk literal objek yang baru dalam ecmascript 2018, sintaksnya mengikuti.

let obj = { ...object }; 

Untuk panggilan fungsi, sintaks adalah sebagai berikut.

myFunction(...iterableObject); 

Mari kita lihat contoh berikut.

// app.js

const array = [1, 2];
const combined = [...array, 3, 4];
console.log(combined); 

Dalam contoh di atas, kami telah mendefinisikan satu array yang memiliki dua item. Kemudian kami telah mendefinisikan array kedua di mana kami memiliki barang seperti …Himpunan. Artinya, kami telah memasukkan array yang ditentukan pertama. Ini (…) Sintaks disebut sintaks penyebaran.

Keluaran

Javascript

Operator penyebaran memungkinkan Anda menjatuhkan array dan mendapatkan nilainya.

Kami belum memodifikasi array asli, yang berarti bagian lain dari kode kami dapat menyebut array itu tanpa takut efek samping.

Menyebarkan operator untuk benda

Untuk objek JavaScript, spread sintaks memungkinkan Anda melakukan yang setara dengan Object.assign , Menyalin nilai -nilai suatu objek ke yang baru. Melihat contoh kode sederhana.

// app.js

const obj = {
	name: 'AppDividend',
	author: 'Krunal Lathiya'
};
const combined = {
	...obj,
	age: 25
};
console.log(combined); 

Di sini, kami telah melakukan hal yang sama seperti yang telah kami lakukan array .

Output diharapkan sama.

Keluaran

Spread

Menyebarkan operator untuk fungsi

Mari kita lihat contoh di mana kita menggunakan operator penyebaran sebagai argumen fungsi.

// app.js

const multiplication = (x, y, z) => {
	return x * y * z;
};

const args = [1, 2, 3];
const output = multiplication(...args);
console.log(output); 

Di sini, kami telah melewati argumen formal dalam bentuk sintaksis penyebaran, dan argumen aktual menjadi elemen individu dan mengembalikan perkalian angka.

Keluaran

Spread

Argumen apa pun dalam daftar argumen fungsi dapat menggunakan sintaks penyebaran, dan dapat digunakan beberapa kali juga.

Menyebarkan operator hanya untuk iterable

Kami hanya dapat menggunakan sintaks penyebaran dengan iterables. Mari kita lihat contoh berikut dan lihat apakah kita dapat menggunakannya dengan tidak dapat diwariskan objek

// app.js

const obj2 = {'name': 'Ankit'};
const ob3 = [...obj2];
console.log(ob3); 

Keluaran

Spread

Kami mendapatkan kesalahan. Jadi perlu diingat bahwa menggunakan operator penyebaran dengan objek yang dapat diulang.

Saat menggunakan sintaks penyebaran untuk panggilan fungsi, Anda perlu peduli tentang kemungkinan melebihi batas panjang argumen mesin 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 *