Rumah  >  Artikel  >  hujung hadapan web  >  Sintaks Sebarkan

Sintaks Sebarkan

王林
王林asal
2024-08-05 14:06:02680semak imbas

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']

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

let spell = (x, y, z) => {
  return y + x + z;
}

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"

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

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

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']

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" }

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 }

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!

Kenyataan:
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