Rumah  >  Artikel  >  hujung hadapan web  >  Apakah 5 cara untuk menyahduplikasi tatasusunan ES6?

Apakah 5 cara untuk menyahduplikasi tatasusunan ES6?

青灯夜游
青灯夜游asal
2022-05-19 19:04:5411802semak imbas

5 kaedah: 1. Gunakan struktur Set dan Array.from(), sintaks "Array.from(new Set(arr))"; 2. Gunakan struktur Set dan operator pengembangan, sintaks "[. .. new Set(arr)]"; 3. Lintas tatasusunan dan gunakan indexOf() untuk mengalih keluar pendua dalam badan gelung.

Apakah 5 cara untuk menyahduplikasi tatasusunan ES6?

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

5 cara untuk menyahduplikasi tatasusunan ES6

1 Tetapkan struktur data dan Array.from() untuk menyahduplikasi

let arr=[1,2,3,3,2,"1",0,undefined,undefined];
let newArr=Array.from(new Set(arr));
console.log(newArr);

Apakah 5 cara untuk menyahduplikasi tatasusunan ES6?

2 Tetapkan struktur data dan operator spread "..." untuk mengalih keluar pendua

let arr=[1,2,3,3,2,"1",0,1,2];
let newArr=[...new Set(arr)];
console.log(newArr);

Apakah 5 cara untuk menyahduplikasi tatasusunan ES6?

3. Gunakan indexOf satu lapisan untuk mengalih keluar pendua

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
    if(newArr.indexOf(arr[i]) ===-1) {
      newArr.push(arr[i]);
    }
}
console.log(newArr);

Apakah 5 cara untuk menyahduplikasi tatasusunan ES6?

4 termasuk kaedah membuang pendua

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
  if(!newArr.includes(arr[i])){
    newArr.push(arr[i]);
  }
}
console.log(newArr);

Apakah 5 cara untuk menyahduplikasi tatasusunan ES6?

5 Gunakan kaedah penapis tatasusunan untuk mengalih keluar pendua

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = arr.filter((item,index)=> {
  return arr.indexOf(item,0) === index;
});
console.log(newArr);
<.>

Apakah 5 cara untuk menyahduplikasi tatasusunan ES6?

[Cadangan berkaitan:

tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Apakah 5 cara untuk menyahduplikasi tatasusunan ES6?. 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