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


Properti Objek JavaScript


Properti adalah bagian terpenting dari objek JavaScript apa pun.


Properti JavaScript

Properti adalah nilai yang terkait dengan objek JavaScript.

Objek JavaScript adalah kumpulan properti yang tidak berurutan.

Properti biasanya dapat diubah, ditambahkan, dan dihapus, tetapi ada juga yang hanya dapat dibaca.


Mengakses Properti JavaScript

Sintaks untuk mengakses properti suatu objek adalah:

objectName.property      // person.age

atau

objectName["property"]   // person["age"]

atau

objectName[expression]   // x = "age"; person[x]

Ekspresi harus mengevaluasi ke nama properti.

Contoh 1

person.firstname + " is " + person.age + " years old.";

Contoh 2

person["firstname"] + " is " + person["age"] + " years old.";


JavaScript untuk...di Loop

Pernyataan JavaScript for...inloop melalui properti dari suatu objek.

Sintaksis

for (let variable in object) {
  // code to be executed
}

Blok kode di dalam for...inloop akan dieksekusi sekali untuk setiap properti.

Perulangan melalui properti suatu objek:

Contoh

const person = {
  fname:" John",
  lname:" Doe",
  age: 25
};

for (let x in person) {
  txt += person[x];
}

Menambahkan Properti Baru

Anda dapat menambahkan properti baru ke objek yang ada hanya dengan memberinya nilai.

Asumsikan bahwa objek orang sudah ada - Anda kemudian dapat memberinya properti baru:

Contoh

person.nationality = "English";

Menghapus Properti

Kata deletekunci menghapus properti dari objek:

Contoh

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

delete person.age;

atau hapus orang["usia"];

Contoh

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

delete person["age"];

Kata deletekunci menghapus nilai properti dan properti itu sendiri.

Setelah dihapus, properti tidak dapat digunakan sebelum ditambahkan kembali.

Operator deletedirancang untuk digunakan pada properti objek. Ini tidak berpengaruh pada variabel atau fungsi.

Operator deletetidak boleh digunakan pada properti objek JavaScript yang telah ditentukan sebelumnya. Itu bisa membuat aplikasi Anda crash.


Objek Bersarang

Nilai dalam suatu objek dapat berupa objek lain:

Contoh

myObj = {
  name:"John",
  age:30,
  cars: {
    car1:"Ford",
    car2:"BMW",
    car3:"Fiat"
  }
}

Anda dapat mengakses objek bersarang menggunakan notasi titik atau notasi braket:

Contoh

myObj.cars.car2;

atau:

Contoh

myObj.cars["car2"];

atau:

Contoh

myObj["cars"]["car2"];

atau:

Contoh

let p1 = "cars";
let p2 = "car2";
myObj[p1][p2];

Array dan Objek Bersarang

Nilai dalam objek dapat berupa array, dan nilai dalam array dapat berupa objek:

Contoh

const myObj = {
  name: "John",
  age: 30,
  cars: [
    {name:"Ford", models:["Fiesta", "Focus", "Mustang"]},
    {name:"BMW", models:["320", "X3", "X5"]},
    {name:"Fiat", models:["500", "Panda"]}
  ]
}

Untuk mengakses array di dalam array, gunakan loop for-in untuk setiap array:

Contoh

for (let i in myObj.cars) {
  x += "<h1>" + myObj.cars[i].name + "</h1>";
  for (let j in myObj.cars[i].models) {
    x += myObj.cars[i].models[j];
  }
}

Atribut Properti

Semua properti memiliki nama. Selain itu mereka juga memiliki nilai.

Nilai adalah salah satu atribut properti.

Atribut lainnya adalah: enumerable, configurable, dan writable.

Atribut ini menentukan bagaimana properti dapat diakses (apakah dapat dibaca?, apakah dapat ditulis?)

Dalam JavaScript, semua atribut dapat dibaca, tetapi hanya atribut nilai yang dapat diubah (dan hanya jika properti dapat ditulis).

( ECMAScript 5 memiliki metode untuk mendapatkan dan mengatur semua atribut properti)


Properti Prototipe

Objek JavaScript mewarisi properti prototipenya.

Kata deletekunci tidak menghapus properti yang diwarisi, tetapi jika Anda menghapus properti prototipe, itu akan memengaruhi semua objek yang diwarisi dari prototipe.