Bagaimana untuk menggantikan elemen yang ditentukan dalam tatasusunan dalam es6

3 kaedah penggantian: 1. Gunakan notasi kurungan untuk menetapkan semula, sintaks "arr[index] = 'new element value';"; 2. Gunakan Array.splice() untuk menggantikan, sintaks "arr.splice ( indeks, 1, 'nilai elemen baharu');"; 3. Gunakan gelung for untuk menggantikan, sintaks "for(i=0;i

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Kaedah 1: Gunakan penugasan semula notasi kurungan untuk menggantikan elemen tatasusunan

Idea pelaksanaan:

• Gunakan kaedah indexOf() untuk mendapatkan indeks sesuatu elemen.

• Menukar nilai elemen pada indeks tertentu menggunakan tatatanda kurungan.

• Nilai elemen tatasusunan akan dikemas kini di tempatnya.

Contoh:

const arr = ['a', 'b', 'c'];
const index = arr.indexOf('a'); // ?️  0
if (index !== -1) {
  arr[index] = 'z';
}
console.log(arr); // ?️ ['z', 'b', 'c']

Kami menggunakan kaedah Array.indexOf() untuk mendapatkan tatasusunan dengan nilai a Indeks unsur.

Kemudian kami menggantikan elemen pada indeks itu dengan nilai baharu.

Sila ambil perhatian bahawa jika kaedah indexOf tidak menemui elemen dengan nilai yang disediakan, ia mengembalikan -1. Kami menyemak bahawa kaedah itu tidak mengembalikan indeks -1 untuk memastikan bahawa terdapat elemen dengan nilai yang ditentukan.

Indeks dalam JavaScript adalah berasaskan sifar, jadi elemen pertama mempunyai indeks 0 dan elemen terakhir mempunyai indeks arr.length - 1.

Sebagai alternatif, kita boleh menggunakan kaedah array.splice().

Kaedah 2: Gunakan Array.splice() untuk menggantikan elemen dalam tatasusunan

Idea pelaksanaan:

• Gunakan kaedah indexOf() untuk mendapatkan indeks elemen yang akan diganti.

• Panggil kaedah Array.splice() untuk menggantikan elemen pada indeks tertentu.

• Elemen tatasusunan akan digantikan di tempatnya.

Contoh:

const arr = ['a', 'b', 'c'];
console.log(arr); // ?️ ['a', 'b', 'c']
const index = arr.indexOf('b'); // ?️  1
arr.splice(index, 1, 'z');
console.log(arr); // ?️ ['a', 'z', 'c']

Kami menghantar 3 parameter berikut kepada kaedah Array.splice():

• start index - Mula menukar indeks tatasusunan.

• delete count - Berapa banyak elemen yang perlu dialih keluar daripada tatasusunan.

• item1 - Item untuk ditambahkan pada tatasusunan.

Kami menetapkan indeks start kepada indeks elemen tatasusunan yang ingin kami gantikan.

Kami menetapkan kiraan pemadaman kepada 1, jadi kaedah Array.splice() akan memadamkan elemen tatasusunan pada indeks yang ditentukan dan menambah argumen ketiga yang disediakan pada indeks yang sama.

Dalam amalan, kami memadamkan elemen tatasusunan pada indeks yang ditentukan dan kemudian memasukkan nilai yang berbeza pada indeks yang sama, jadi kami akhirnya menggantikan elemen tatasusunan.

Pendekatan lain ialah menggunakan asas untuk gelung. **

Kaedah 3: Gunakan untuk gelung untuk menggantikan elemen dalam tatasusunan

Idea pelaksanaan:

• Gunakan gelung for untuk mengulang tatasusunan.masa panjang.

• Pada setiap lelaran, semak sama ada elemen tatasusunan ialah elemen yang akan diganti.

• Jika syarat dipenuhi, gantikan elemen pada indeks dan keluarkan gelung for.

Contoh:

const arr = ['a', 'b', 'c'];
console.log(arr); // ?️ ['a', 'b', 'c']
for (let index = 0; index < arr.length; index++) {
  if (arr[index] === &#39;c&#39;) {
    arr[index] = &#39;z&#39;;
    break;
  }
}
console.log(arr); // ?️ [&#39;a&#39;, &#39;b&#39;, &#39;z&#39;]

Kami menggunakan gelung asas untuk lelaran ke atas tatasusunan. Dalam setiap lelaran, kami menyemak sama ada elemen itu adalah yang ingin kami gantikan.

Sebaik sahaja kami mencari dan menggantikan elemen, kami keluar dari gelung untuk mengelakkan kerja yang tidak perlu.

Jika anda ingin menggantikan semua elemen tatasusunan dengan nilai tertentu, hanya alih keluar pernyataan putus.

[Pembelajaran yang disyorkan: tutorial video javascript]

Atas ialah kandungan terperinci Bagaimana untuk menggantikan elemen yang ditentukan dalam tatasusunan dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!