Tutorial JS

JS RUMAH Pengenalan JS JS Dimana Keluaran JS Pernyataan JS Sintaks JS Komentar JS Variabel JS JS Let JS Const Operator JS JS Aritmatika Tugas JS Tipe Data JS Fungsi JS Objek JS Acara JS String JS Metode String JS Pencarian String JS Template String JS Nomor JS Metode Nomor JS JS Array Metode Array JS Sortir Array JS Iterasi Array JS JS Array Const Tanggal JS Format Tanggal JS Metode Dapatkan Tanggal JS Metode Penetapan Tanggal JS JS Matematika JS Acak JS Boolean Perbandingan JS Ketentuan JS Beralih JS JS Loop Untuk JS Loop Untuk Masuk JS Loop Untuk Of JS Loop Sementara Istirahat JS JS Iterable JS Set Peta JS Tipe JS Konversi Tipe JS JS Bitwise JS RegExp Kesalahan JS Lingkup JS Pengangkatan JS Mode Ketat JS JS Kata Kunci ini Fungsi Panah JS Kelas JS JS JSON Debug JS Panduan Gaya JS Praktik Terbaik JS Kesalahan JS Kinerja JS Kata-kata Cadangan JS

Versi JS

Versi JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Tepi Sejarah JS

Objek JS

Definisi Objek Properti Objek Metode Objek Tampilan Objek Aksesor Objek Konstruktor Objek Prototipe Objek Obyek Iterable Set Objek Peta Objek Referensi Objek

Fungsi JS

Definisi Fungsi Parameter Fungsi Panggilan Fungsi Panggilan Fungsi Fungsi Terapkan Penutupan Fungsi

Kelas JS

Perkenalan Kelas Warisan Kelas Kelas Statis

JS Asinkron

Panggilan Balik JS JS Asinkron JS Janji JS Async/Menunggu

JS HTML DOM

Pengenalan DOM Metode DOM Dokumen DOM Elemen DOM HTML DOM Formulir DOM CSS DOM Animasi DOM Acara DOM Pendengar Acara DOM Navigasi DOM Node DOM Koleksi DOM Daftar Node DOM

JS Browser BOM

Jendela JS Layar JS Lokasi JS Sejarah JS JS Navigator Peringatan Munculan JS Waktu JS JS Cookies

JS Web API

Pengantar API Web API Formulir Web API Riwayat Web API Penyimpanan Web API Pekerja Web API Pengambilan Web API Geolokasi Web

JS AJAX

Pengenalan AJAX AJAX XMLHttp Permintaan AJAX Tanggapan AJAX File XML AJAX AJAX PHP AJAX ASP Basis Data AJAX Aplikasi AJAX Contoh AJAX

JS JSON

Perkenalan JSON Sintaks JSON JSON vs XML Tipe Data JSON Penguraian JSON Stringify JSON Objek JSON Array JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Pemilih jQuery jQuery HTML jQuery CSS jQuery DOM

Grafik JS

Grafik JS JS Kanvas JS Plotly JS Chart.js Bagan Google JS JS D3.js

Contoh JS

Contoh JS JS HTML DOM Masukan HTML JS Objek HTML JS Acara HTML JS JS Browser Editor JS Latihan JS kuis JS Sertifikat JS

Referensi JS

Objek JavaScript Objek DOM HTML


Set JavaScript

Set JavaScript adalah kumpulan nilai unik.

Setiap nilai hanya dapat muncul satu kali dalam satu Set.

Set dapat menampung nilai apa pun dari tipe data apa pun.

Tetapkan Metode

metodeKeterangan
Set baru()Membuat Set baru
menambahkan()Menambahkan elemen baru ke Set
menghapus()Menghapus elemen dari Set
memiliki()Mengembalikan nilai true jika ada nilai
jernih()Menghapus semua elemen dari Set
untuk setiap()Memanggil panggilan balik untuk setiap elemen
nilai()Mengembalikan Iterator dengan semua nilai dalam Set
kunci()Sama seperti nilai()
entri()Mengembalikan Iterator dengan pasangan [nilai, nilai] dari Set
PropertiKeterangan
ukuranMengembalikan elemen angka dalam Set

Cara Membuat Set

Anda dapat membuat JavaScript Set dengan:

  • Melewati Array kenew Set()
  • Buat Set baru dan gunakan add()untuk menambahkan nilai
  • Buat Set baru dan gunakan add()untuk menambahkan variabel

Metode Set() baru

Lewati Array ke new Set()konstruktor:

Contoh

// Create a Set
const letters = new Set(["a","b","c"]);

Buat Set dan tambahkan nilai literal:

Contoh

// Create a Set
const letters = new Set();

// Add Values to the Set
letters.add("a");
letters.add("b");
letters.add("c");

Buat Set dan tambahkan variabel:

Contoh

// Create Variables
const a = "a";
const b = "b";
const c = "c";

// Create a Set
const letters = new Set();

// Add Variables to the Set
letters.add(a);
letters.add(b);
letters.add(c);

Metode add()

Contoh

letters.add("d");
letters.add("e");

Jika Anda menambahkan elemen yang sama, hanya elemen pertama yang akan disimpan:

Contoh

letters.add("a");
letters.add("b");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");


Metode forEach()

Metode forEach()ini memanggil fungsi untuk setiap elemen Set:

Contoh

// Create a Set
const letters = new Set(["a","b","c"]);

// List all entries
let text = "";
letters.forEach (function(value) {
  text += value;
})

Nilai-nilai() Metode

Metode values()mengembalikan objek Iterator yang berisi semua nilai dalam Set:

Contoh

letters.values()   // Returns [object Set Iterator]

Sekarang Anda dapat menggunakan objek Iterator untuk mengakses elemen:

Contoh

// Create an Iterator
const myIterator = letters.values();

// List all Values
let text = "";
for (const entry of myIterator) {
  text += entry;
}

Kunci () Metode

Set tidak memiliki kunci.

keys()kembali sama dengan values().

Ini membuat Sets kompatibel dengan Maps.

Contoh

letters.keys()   // Returns [object Set Iterator]

Entri() Metode

Set tidak memiliki kunci.

entries()mengembalikan pasangan [nilai,nilai] alih-alih pasangan [kunci,nilai].

Ini membuat Sets kompatibel dengan Maps:

Contoh

// Create an Iterator
const myIterator = letters.entries();

// List all Entries
let text = "";
for (const entry of myIterator) {
  text += entry;
}

Set adalah Objek

Untuk Set, typeofmengembalikan objek:

typeof letters;      // Returns object

Untuk Set, instanceof Setmengembalikan true:

letters instanceof Set;  // Returns true