Bagaimana untuk mengalih keluar data pendua daripada tatasusunan dalam Vue (tiga kaedah)

Semasa proses pembangunan Vue, kami sering menggunakan tatasusunan. Walau bagaimanapun, dalam pembangunan sebenar, kita kadang-kadang menghadapi masalah data pendua Pada masa ini, kita perlu menyahduplikasi tatasusunan. Artikel ini akan memperkenalkan anda kepada kaedah penyahduplikasi tatasusunan dalam Vue.

1. Gunakan struktur set untuk menyahduplikasi

Set ialah struktur data dalam ES6 yang boleh mengalih keluar elemen pendua. Ia dicirikan dengan tidak teratur dan tidak berulang tatasusunan.

let arr = [1, 2, 2, 3, 3, 4, 5];
let set = new Set(arr);
arr = Array.from(set);

Dalam kod di atas, kami mula-mula mentakrifkan arr tatasusunan, kemudian menukarnya menjadi koleksi set melalui kaedah Set() baharu dan menyimpan hasilnya ke pembolehubah set. Akhir sekali, kami menukar koleksi set kepada tatasusunan.

2. Gunakan kaedah indexOf untuk mengalih keluar pendua

Kaedah indexOf boleh mencari indeks pertama elemen yang diberikan dalam tatasusunan Jika ia tidak dijumpai, ia mengembalikan -1, jadi kita boleh memanfaatkan ciri ini Untuk melakukan penyahduplikasian tatasusunan.

let arr = [1, 2, 2, 3, 3, 4, 5];
let newArr = [];
for (let i = 0; i < arr.length; i++) {
  if (newArr.indexOf(arr[i]) === -1) {
    newArr.push(arr[i]);
  }
}
arr = newArr;

Dalam kod di atas, kami merentasi arr tatasusunan asal melalui gelung for Semasa setiap traversal, kami menggunakan kaedah indexOf untuk mencari indeks elemen semasa dalam tatasusunan baharu newArr. Jika indeks tidak dijumpai, elemen itu ditambahkan pada newArr.

3 Gunakan kaedah termasuk untuk mengalih keluar pendua

Kaedah termasuk ialah kaedah baharu dalam ES7, yang menentukan sama ada tatasusunan mengandungi nilai yang ditentukan dan mengembalikan benar atau salah. Kami boleh melakukan operasi penyahduplikasian berdasarkan ciri ini.

let arr = [1, 2, 2, 3, 3, 4, 5];
let newArr = [];
for (let i = 0; i < arr.length; i++) {
  if (!newArr.includes(arr[i])) {
    newArr.push(arr[i]);
  }
}
arr = newArr;

Dalam kod di atas, kami menggunakan gelung for untuk merentasi arr tatasusunan asal, gunakan kaedah termasuk untuk menentukan sama ada elemen semasa berada dalam tatasusunan baru tidak wujud, elemen akan Ditambah pada newArr.

Ringkasan

Artikel ini memperkenalkan tiga kaedah biasa penyahduplikasi tatasusunan dalam Vue, iaitu menggunakan struktur set, indexOf dan termasuk kaedah. Melalui tiga kaedah ini, anda boleh melaksanakan operasi penyahduplikasi tatasusunan dengan mudah, meningkatkan kecekapan pembangunan dan mengelakkan anomali data. Kami boleh memilih kaedah yang sesuai untuk melaksanakan operasi penyahduplikasian berdasarkan situasi sebenar untuk meningkatkan kecekapan pembangunan kami.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar data pendua daripada tatasusunan dalam Vue (tiga kaedah). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!