Rumah >hujung hadapan web >tutorial js >Apakah kaedah set es6?

Apakah kaedah set es6?

青灯夜游
青灯夜游asal
2021-09-03 15:55:065652semak imbas

Kaedah set es6 boleh dibahagikan kepada dua kategori: 1. Kaedah operasi "tambah(nilai)", "padam(nilai)", "mempunyai(nilai)", clear(); 2. Kekunci kaedah traversal (), nilai(), entri(), forEach().

Apakah kaedah set es6?

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

ES6 menyediakan Set struktur data baharu. Ia serupa dengan tatasusunan, tetapi nilai ahli adalah unik dan tiada nilai pendua.

Banyak kali kita panggil Set set, tapi Set boleh jadi set, dan set tak semestinya Set.

Ciri-ciri: Keunikan=> Tiada duplikasi=>

Buat Set

Set itu sendiri ialah pembina, dan pembina dipanggil untuk menjana struktur data Set.

关键词 标识符 = new Set();

Contoh

let i = new Set();

Fungsi Set boleh menerima tatasusunan (atau objek seperti tatasusunan) sebagai parameter untuk pemulaan data.

let i = new Set([1, 2, 3, 4, 4]);  //会得到  set{1, 2, 3, 4,}

Nota: Jika terdapat nilai pendua diberikan semasa permulaan, nilai tersebut akan dialih keluar secara automatik. Koleksi tidak mempunyai kaedah pengisytiharan literal dan hanya boleh diisytiharkan menggunakan kata kunci baharu.

Atribut Set

Hanya terdapat satu atribut yang biasa digunakan: saiz--mengembalikan jumlah bilangan ahli tika Set.

let s = new Set([1, 2, 3]);
console.log( s.size ); // 3

Kaedah tetapkan

Kaedah contoh tetapan terbahagi kepada dua kategori: kaedah operasi (untuk operasi data) dan kaedah traversal (untuk manipulasi data) untuk merentasi data).

Kaedah operasi:

  • tambah(nilai)  Tambah data dan kembalikan struktur Set baharu

  • delete(value) Padam data dan kembalikan nilai Boolean, menunjukkan sama ada pemadaman berjaya

  • mempunyai(value) Periksa sama ada data tertentu wujud, kembalikan nilai Boolean

  • clear()  Kosongkan semua data, tiada nilai pulangan

let set = new Set([1, 2, 3, 4, 4]);
// 添加数据 5
let addSet = set.add(5);
console.log(addSet); // Set(5) {1, 2, 3, 4, 5}

// 删除数据 4s
let delSet = set.delete(4);
console.log(delSet); // true 此处返回值是个boolean 表示 是否删除成功

// 查看是否存在数据 4
let hasSet = set.has(4);
console.log(hasSet); // false

// 清除所有数据
set.clear();
console.log(set); // Set(0) {}

Kaedah traversal:

Set menyediakan Tiga fungsi penjanaan traverser dan satu kaedah traversal.

  • kunci()  Mengembalikan penyeberang nama kunci

  • nilai()  Mengembalikan penyeberang nilai utama

  • entry()  Kembalikan iterator pasangan nilai kunci

  • forEach() Gunakan fungsi panggil balik untuk melintasi setiap ahli

let color = new Set(["red", "green", "blue"]);
for(let item of color.keys()){
 console.log(item);
}
// red
// green
// blue
for(let item of color.values()){
 console.log(item);
}
// red
// green
// blue
for(let item of color.entries()){
 console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]
color.forEach((item) => {
 console.log(item)
})
// red
// green
// blue

[Pembelajaran yang disyorkan: Tutorial JavaScript Lanjutan]

Atas ialah kandungan terperinci Apakah kaedah set 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