Array javascript mendorong pasangan nilai kunci secara dinamis

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
}

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

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

Bagaimana cara menambahkan pasangan nilai kunci secara dinamis dalam JavaScript?

Bagaimana cara menambahkan kunci dan nilai dinamis dalam array di JavaScript?

Bagaimana cara mendapatkan kunci dinamis dari JSON di JavaScript?

Bagaimana Anda menekan tombol