Secara dinamis membuat kunci dalam array asosiatif JavaScript

Bagaimana saya bisa secara dinamis membuat kunci dalam array asosiatif javascript?

Semua dokumentasi yang saya temukan sejauh ini adalah memperbarui kunci yang sudah dibuat:

 arr['key'] = val;

Saya punya string seperti ini " name = oscar "

Dan saya ingin berakhir dengan sesuatu seperti ini:

{ name: 'whatever' }

Yaitu saya membagi string dan mendapatkan elemen pertama, dan saya ingin memasukkannya ke dalam kamus.

Kode

var text = ' name = oscar '
var dict = new Array();
var keyValuePair = text.split(' = ');
dict[ keyValuePair[0] ] = 'whatever';
alert( dict ); // prints nothing.

Gunakan contoh pertama. Jika kunci tidak ada itu akan ditambahkan.

var a = new Array();
a['name'] = 'oscar';
alert(a['name']);

Akan muncul kotak pesan yang berisi 'oscar'.

Mencoba:

var text = 'name = oscar'
var dict = new Array()
var keyValuePair = text.replace(/ /g,'').split('=');
dict[ keyValuePair[0] ] = keyValuePair[1];
alert( dict[keyValuePair[0]] );

Entah bagaimana semua contoh, saat bekerja dengan baik, terlalu rumit:

• Mereka menggunakan new Array(), yang merupakan jumlah berlebihan (dan overhead) untuk array asosiatif sederhana (kamus AKA).
• Yang lebih baik gunakan new Object(). Bekerja dengan baik, tapi mengapa semua ini mengetik ekstra?

Pertanyaan ini ditandai "pemula", jadi mari kita buat sederhana.

Cara sederhana untuk menggunakan kamus di JavaScript atau "Mengapa JavaScript tidak memiliki objek kamus khusus?":

// create an empty associative array (in JavaScript it is called ... Object)
var dict = {};   // huh? {} is a shortcut for "new Object()"

// add a key named fred with value 42
dict.fred = 42;  // we can do that because "fred" is a constant
                 // and conforms to id rules

// add a key named 2bob2 with value "twins!"
dict["2bob2"] = "twins!";  // we use the subscript notation because
                           // the key is arbitrary (not id)

// add an arbitrary dynamic key with a dynamic value
var key = ..., // insanely complex calculations for the key
    val = ...; // insanely complex calculations for the value
dict[key] = val;

// read value of "fred"
val = dict.fred;

// read value of 2bob2
val = dict["2bob2"];

// read value of our cool secret key
val = dict[key];

Sekarang mari kita ubah nilai:

// change the value of fred
dict.fred = "astra";
// the assignment creates and/or replaces key-value pairs

// change value of 2bob2
dict["2bob2"] = [1, 2, 3];  // any legal value can be used

// change value of our secret key
dict[key] = undefined;
// contrary to popular beliefs assigning "undefined" does not remove the key

// go over all keys and values in our dictionary
for (key in dict) {
  // for-in loop goes over all properties including inherited properties
  // let's use only our own properties
  if (dict.hasOwnProperty(key)) {
    console.log("key = " + key + ", value = " + dict[key]);
  }
}

Menghapus nilai juga mudah:

// let's delete fred
delete dict.fred;
// fred is removed, the rest is still intact

// let's delete 2bob2
delete dict["2bob2"];

// let's delete our secret key
delete dict[key];

// now dict is empty

// let's replace it, recreating all original data
dict = {
  fred:    42,
  "2bob2": "twins!"
  // we can't add the original secret key because it was dynamic,
  // we can only add static keys
  // ...
  // oh well
  temp1:   val
};
// let's rename temp1 into our secret key:
if (key != "temp1") {
  dict[key] = dict.temp1; // copy the value
  delete dict.temp1;      // kill the old key
} else {
  // do nothing, we are good ;-)
}

Javascript tidak memiliki array asosiatif , ia memiliki objek .

Baris kode berikut semuanya melakukan hal yang persis sama - setel bidang 'nama' pada objek ke 'orion'.

var f = new Object(); f.name = 'orion';
var f = new Object(); f['name'] = 'orion';
var f = new Array(); f.name = 'orion';
var f = new Array(); f['name'] = 'orion';
var f = new XMLHttpRequest(); f['name'] = 'orion';

Sepertinya Anda memiliki array asosiatif karena Arrayjuga merupakan Object- namun Anda tidak benar-benar menambahkan sesuatu ke dalam array sama sekali, Anda sedang mengatur bidang pada objek.

Sekarang setelah dibersihkan, berikut ini solusi untuk contoh Anda

var text = '{ name = oscar }'
var dict = new Object();

// Remove {} and spaces
var cleaned = text.replace(/[{} ]/g, '');

// split into key and value
var kvp = cleaned.split('=');

// put in the object
dict[ kvp[0] ] = kvp[1];
alert( dict.name ); // prints oscar.

Menanggapi MK_Dev, seseorang dapat melakukan iterate, tetapi tidak secara berurutan. (Untuk itu jelas diperlukan array)

Pencarian google cepat memunculkan tabel hash dalam javascript

Kode contoh untuk pengulangan nilai dalam hash (dari tautan tersebut):

var myArray = new Array();
myArray['one'] = 1;
myArray['two'] = 2;
myArray['three'] = 3;

// show the values stored
for (var i in myArray) {
    alert('key is: ' + i + ', value is: ' + myArray[i]);
}

Kode Asli (saya menambahkan nomor baris sehingga dapat merujuk mereka):

1  var text = ' name = oscar '
2  var dict = new Array();
3  var keyValuePair = text.split(' = ');
4  dict[ keyValuePair[0] ] = 'whatever';
5  alert( dict ); // prints nothing.

Hampir sampai...

• baris 1: Anda harus melakukannya trimpada teks name = oscar.
• baris 3: oke selama Anda SELALU memiliki ruang di sekitar Anda sama. mungkin lebih baik untuk tidak trimdi baris 1, gunakan =dan pangkas setiap keyValuePair

• tambahkan baris setelah 3 dan sebelum 4:

  key = keyValuePair[0];`

• baris 4: Sekarang menjadi:

  dict[key] = keyValuePair[1];

• baris 5: Ubah ke:

  alert( dict['name'] );  // it will print out 'oscar'

Apa yang saya coba katakan adalah bahwa dict[keyValuePair[0]]tidak berfungsi, Anda perlu mengatur string keyValuePair[0]dan menggunakannya sebagai kunci asosiatif. Itulah satu-satunya cara saya mendapatkan milik saya untuk bekerja. Setelah mengaturnya, Anda dapat merujuknya dengan indeks numerik atau memasukkan tanda kutip.

Semoga itu bisa membantu.

Semua browser modern mendukung Peta , yang merupakan penyempitan data kunci / nilai. Ada beberapa alasan yang menjadikan penggunaan Peta lebih baik daripada Objek:

• Objek memiliki prototipe, jadi ada kunci default di peta.
• Kunci dari suatu Objek adalah String, di mana mereka dapat menjadi nilai apa pun untuk Peta.
• Anda bisa mendapatkan ukuran Peta dengan mudah sementara Anda harus melacak ukuran untuk Obyek.

Contoh:

var myMap = new Map();

var keyObj = {},
    keyFunc = function () {},
    keyString = "a string";

myMap.set(keyString, "value associated with 'a string'");
myMap.set(keyObj, "value associated with keyObj");
myMap.set(keyFunc, "value associated with keyFunc");

myMap.size; // 3

myMap.get(keyString);    // "value associated with 'a string'"
myMap.get(keyObj);       // "value associated with keyObj"
myMap.get(keyFunc);      // "value associated with keyFunc"

Jika Anda ingin kunci yang tidak dirujuk dari objek lain menjadi sampah yang dikumpulkan, pertimbangkan untuk menggunakan WeakMap alih-alih Peta.

Saya pikir lebih baik jika Anda baru saja dibuat seperti ini

var arr = [];

arr = {
   key1: 'value1',
   key2:'value2'
};

untuk info lebih lanjut, lihat ini

Struktur Data JavaScript - Array Asosiatif

var myArray = new Array();
myArray['one'] = 1;
myArray['two'] = 2;
myArray['three'] = 3;
// show the values stored
for (var i in myArray) {
    alert('key is: ' + i + ', value is: ' + myArray[i]);
}

ini ok tapi beralih melalui setiap properti objek array. jika Anda hanya ingin beralih melalui properti myArray.one, myArray.two ... Anda coba seperti ini

myArray['one'] = 1;
myArray['two'] = 2;
myArray['three'] = 3;
myArray.push("one");
myArray.push("two");
myArray.push("three");
for(i=0;i<maArray.length;i++{
    console.log(myArray[myArray[i]])
}

sekarang Anda dapat mengakses keduanya dengan myArray ["one"] dan beralih hanya melalui properti ini.

var obj = {};

                for (i = 0; i < data.length; i++) {
                    if(i%2==0) {
                        var left = data[i].substring(data[i].indexOf('.') + 1);
                        var right = data[i + 1].substring(data[i + 1].indexOf('.') + 1);

                        obj[left] = right;
                        count++;
                    }
                }
                console.log("obj");
                console.log(obj);
                // show the values stored
                for (var i in obj) {
                    console.log('key is: ' + i + ', value is: ' + obj[i]);
                }

            }
        };

}