Sebelumnya, kita harus melakukan 2 langkah - membuat literal objek dan kemudian menggunakan notasi braket. Dengan ES6, Anda sekarang dapat langsung menggunakan variabel sebagai kunci properti Anda di literal objek Anda. YA. 👏
let cake = '🍰'; // ❌ Old way requires 2 steps let pan = { id: 1, }; pan[cake] = '🥞'; // ✅ YAY, much easier with ES6 let pan = { id: 1, [cake]: '🥞', };
3 cara untuk mengakses nilai objek
Kita dapat menampilkan nilai objek dengan memasukkan kunci yang sesuai. Karena saya menggunakan emoji sebagai kunci dalam contoh saya, ini agak rumit. Jadi mari kita lihat contoh yang lebih mudah
let me = { name: 'samantha', }; // 1. Dot notation me.name; // samantha // 2. Bracket notation (string key) me['name']; // samantha // 3. Bracket notation (variable key) let key = 'name'; me[key]; // samantha _
Cara Mengakses Nilai Objek Dengan Tombol Emoji
Baiklah kembali ke contoh emoji kita. Mari kita lihat hasilnya
let cake = '🍰'; let pan = { [cake]: '🥞', }; // Output -> { '🍰': '🥞' }
Sayangnya, saat Anda menggunakan Emoji sebagai kunci, Anda tidak dapat menggunakan notasi titik. Anda terbatas pada Notasi Braket
Dalam contoh di atas, kita menambahkan properti baru height ke objek person menggunakan notasi kurung siku { name: "Monica", age: 22, gender: "female", height: 5.4 }0 i. e. { name: "Monica", age: 22, gender: "female", height: 5.4 }1
Masalah
Misalkan saya memiliki objek literal berikut
var obj = {key1: value1, key2: value2};Bagaimana saya bisa menambahkan {key3: value3}_ ke objek obj ?
Menjawab
Ada dua cara untuk menambahkan properti baru ke objek
Gunakan notasi titik
Jika Anda mengetahui nama kunci properti, key3 dalam contoh ini
obj.key3 = "value3";_Gunakan notasi tanda kurung siku
Formulir ini memungkinkan untuk memberikan nama kunci secara dinamis
obj["key3"] = "value3";Formulir ini banyak digunakan ketika nama kunci ditentukan secara dinamis. Seperti dalam contoh ini
var getProperty = function (propertyName) { return obj[propertyName]; }; getProperty("key1"); getProperty("key2"); getProperty("key3");_Referensi dan Sumber Daya
Anda cukup menggunakan notasi titik (.) untuk menambahkan pasangan kunci/nilai atau properti ke objek JavaScript
Mari kita coba contoh berikut untuk memahami cara kerjanya pada dasarnya
// Sample object var myCar = { make: "Ferrari", model: "Portofino", year: 2018 }; // Adding a new property myCar.fuel = "Petrol"; console.log(myCar);_
Sebagai alternatif, Anda juga dapat menggunakan notasi tanda kurung siku ([]) untuk menambahkan pasangan kunci/nilai ke objek JavaScript. Contoh berikut menghasilkan hasil yang sama dengan contoh sebelumnya
// Sample object var myCar = { make: "Ferrari", model: "Portofino", year: 2018 }; // Adding a key/value pair myCar["fuel"] = "Petrol"; console.log(myCar);
Keuntungan menggunakan notasi kurung siku adalah, Anda dapat mengganti kunci di dalam kurung siku dengan variabel untuk secara dinamis menetapkan nama kunci atau properti ke suatu objek
Dalam contoh ini, saya akan memberi tahu Anda cara menekan kunci tertentu dengan nilai sebagai array dalam array jquery. kita dapat menambahkan pasangan nilai kunci push secara dinamis dalam array jquery
Seperti yang kita ketahui jika kita menggunakan metode push ke dalam array maka Anda tidak dapat menentukan kunci untuk nilai. itu akan membuat secara otomatis 0 1 2 3 dll, tetapi jika Anda ingin menekan kunci dan nilai maka Anda tidak dapat menentukan kunci, tetapi dalam contoh ini saya akan menunjukkan cara membuat array dengan nilai kunci tertentu
Jadi, di sini saya akan membagikan contoh sederhana, sehingga Anda dapat memeriksanya
Contoh 1
JQuery - How to push specific key and value in array? - ItSolutionStuff.com
Contoh 2
JQuery - How to push specific key and value in array? - ItSolutionStuff.com
Saya harap ini dapat membantu Anda