Dynamisk oppretting av nøkler i et JavaScript-assosiativt array

All dokumentasjonen jeg har funnet så langt er for å oppdatere nøkler som allerede er opprettet:

 arr['key'] = val;

Jeg har en streng som dette: " name= oscar "

Og jeg vil ende opp med noe som dette:

{ name: 'whatever' }

Det vil si, del strengen og få det første elementet, og legg det deretter i en ordbok.

Kode

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

Svar #1

På en eller annen måte er alle eksemplene, selv om de fungerer godt, overkompliserte:

  • De bruker new Array(), som er overdrevent (og en unødvendig belastning) for et enkelt assosiativt array (også kjent som ordbok).
  • De bedre bruker new Object(). Det fungerer fint, men hvorfor all denne ekstra tastingen?

Dette spørsmålet er merket «nybegynner», så la oss gjøre det enkelt.

Den ekstremt enkle måten å bruke et ordbok i JavaScript på, eller "Hvorfor har ikke JavaScript et spesielt ordbok-objekt?":

// 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];

La oss nå endre verdier:

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

// Change the 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) {
  // A 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]);
  }
}

Å slette verdier er også enkelt:

// Let's delete fred
delete dict.fred;
// fred is removed, but 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, but
  // 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 ;-)
}

Svar #2

Bruk det første eksemplet. Hvis nøkkelen ikke eksisterer, vil den bli lagt til.

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

Vil vise en meldingsboks som inneholder 'oscar'.

Prøv :

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

Svar #3

JavaScript har ikke assosiative arrays. Den har objekter.

De følgende kodelinjene gjør alle nøyaktig det samme - setter 'name'-feltet på et objekt til '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';

Det ser ut som du har et assosiativt array fordi en Array også er et Object - men du legger egentlig ikke ting inn i arrayet i det hele tatt; du setter felter på objektet.

Nå som det er ryddet opp i det, her er en fungerende løsning på eksemplet ditt:

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.

Relaterte artikler