Rumah > hujung hadapan web > tutorial js > Sintaks Sebarkan

Sintaks Sebarkan

王林
Lepaskan: 2024-08-05 14:06:02
asal
725 orang telah melayarinya

Spread Syntax

Dalam JavaScript, sintaks spread ialah satu cara untuk mengembangkan jenis data yang diindeks atau boleh lelar ke dalam jenis data boleh lelaran, khususnya tatasusunan atau objek.

Sedangkan sintaks rehat menggunakan struktur yang serupa untuk menyebar, parameter rehat membenarkan fungsi dihantar kuantiti argumen yang tidak diketahui. Sintaks spread menyongsangkan proses ini supaya koleksi individu dipanjangkan ke dalam unsur konstituennya.

Ini amat berguna apabila objek atau tatasusunan perlu dipindahkan elemennya ke objek atau tatasusunan baharu. Selain itu, dalam hujah fungsi, operator spread boleh digunakan untuk menghantar elemen individu kepada parameter fungsi.

Sebagai contoh, katakan kita mempunyai susunan huruf:

const letters = ['c', 'a', 't']
Salin selepas log masuk

Dan katakan kita mempunyai fungsi yang mengambil tiga elemen dan melakukan sesuatu dengannya:

let spell = (x, y, z) => {
  return y + x + z;
}
Salin selepas log masuk

Jika kita ingin menghantar elemen individu daripada tatasusunan huruf, kita boleh menggunakan operator hamparan apabila kita memanggil fungsi dan ia secara automatik akan menyebarkan elemen tatasusunan ke dalam senarai argumen:

console.log(spell(...letters));
// => logs "act"
Salin selepas log masuk

Seperti yang dinyatakan, kami juga boleh menyalin elemen boleh lelar daripada tatasusunan (atau rentetan).

const moreLetters = [...letters];
console.log(moreLetters);
// => logs ['c', 'a', 't']
Salin selepas log masuk

Ini juga membolehkan kami menggabungkan atau menggabungkan tatasusunan dengan lebih mudah:

const evenMoreLetters = [...letters, ...moreLetters];
console.log(evenMoreLetters);
// => logs ['c', 'a', 't', 'c', 'a', 't']
Salin selepas log masuk

Tatasusunan juga boleh disebarkan ke dalam objek, dengan elemen tatasusunan ialah nilai, dan nombor indeks ialah kunci:

const objLetters = {...letters}
console.log(objLetters);
// => logs { 0: "c", 1: "a", 2: "t" }
Salin selepas log masuk

Objek juga boleh digabungkan menggunakan sintaks penyebaran:

const objUno = {
  'one': 1
}

const objDeux = {
  'two': 2
}

const objDrei = {...objUno, ...objDeux};

console.log(objDrei);
// => logs { one: 1, two: 2 }
Salin selepas log masuk

Walaupun hanya menconteng permukaan, ini menunjukkan kuasa sintaksis operator penyebaran dalam memperkemas tugas seperti menyalin dan menggabungkan jenis data boleh lelar, serta menghantar berbilang argumen kepada fungsi. Seperti biasa, semakin sedikit kod yang perlu kita tulis, semakin mudah kehidupan kita sebagai pembangun.

Petikan: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

Atas ialah kandungan terperinci Sintaks Sebarkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan