在JavaScript关联数组中动态创建键


199

如何在javascript关联数组中动态创建键?

到目前为止,我发现的所有文档都是更新已创建的密钥:

 arr['key'] = val;

我有这样的字符串 " name = oscar "

我想结束这样的事情:

{ name: 'whatever' }

那就是我分割字符串并获取第一个元素,然后将其放入字典中。

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

24
为方便起见,跳转到Eugene的答案链接
user56reinstatemonica11年

Answers:


142

使用第一个示例。如果密钥不存在,它将被添加。

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

将弹出一个包含“奥斯卡”的消息框。

尝试:

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

可以肯定,我在Firefox中将其作为示例运行。您确定要在引号中加上“名称”吗?
tvanfosson

1
嗯,不,因为我正在“动态”而非静态地创建密钥。无论如何,让我
仔细检查

2
请参阅Danny的更完整说明。您将无法在带有索引的for循环中引用数组值(例如myarray [i])。希望不要太困惑。
MK_Dev

4
更好的方法是使用Object(括号{}表示法)来避免.length,.slice()等包含在数组原型中的
开销

488

尽管所有示例都能很好地工作,但它们却过于复杂:

  • 他们使用 new Array(),对于简单的关联数组(AKA字典)来说,这是多余的(也是开销)。
  • 更好的使用new Object()。工作正常,但是为什么要进行所有这些额外的输入呢?

这个问题被标记为“初学者”,因此让我们简化一下。

在JavaScript中使用字典的超级简单方法,或者“为什么JavaScript没有特殊的字典对象?”:

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

现在让我们更改值:

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

删除值也很容易:

// 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 ;-)
}

2
您好,我知道我要答复旧的答案,但是它在Google上的排名很高,所以我还是会问。对于您的示例中的“我们无法添加原始密钥,因为它是动态的,我们只能添加静态密钥”,我感到困惑。
卡雷尔·比列克(KarelBílek)2011年

1
这恰恰意味着它的含义:我们不知道它的值,因此我们无法将其表示为常量,这在对象文字中指定键时是必需的。
尤金·拉祖金

3
但是,即使您不能将变量直接用作{}中的键或带有点符号的键,“本身也不能添加原始密钥,因为它是动态的”本身并不正确。我们仍然可以通过“ dict [key] = val”添加动态密钥,如您在示例中的前面所示。限制是使用{}表示法,而不是键本身。
Zut 2012年

8
这看起来像谢尔登·库珀的答案:)
jpatiaga

4
完美的完整答案,应该是默认答案
Dennis Golomazov

29

Javascript 没有关联数组,它具有对象

下面的代码行都做完全相同的事情-将对象上的“名称”字段设置为“猎户座”。

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';

看起来您有一个关联数组,因为an Array也是一个Object-但是您实际上根本没有在数组中添加任何东西,而是在对象上设置了字段。

现在已经解决了,这是您的示例的可行解决方案

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.

假设文本字符串实际上确实有大括号,你可以或多或少把它当作JSON ..用替换等号(=):你已经有了一个目标是EVAL ..
neonski

1
糟糕,该字符串未正确定界。正则表达式无法解决。
neonski

9

作为对MK_Dev的响应,它可以迭代,但是不能连续进行。(为此,显然需要一个数组)

快速Google搜索在JavaScript中显示哈希表

用于遍历哈希值的示例代码(来自上述链接):

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]);
}

5

原始代码(我添加了行号,因此可以引用它们):

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.

差不多了...

  • 第1行:您应该在trimon文本上这样写name = oscar
  • 第三行:好的,只要您始终在自己的空格周围有空格。最好不在trim第1行,使用=并修剪每个keyValuePair
  • 在3之后和4之前添加一行:

    key = keyValuePair[0];`
  • 第4行:现在变为:

    dict[key] = keyValuePair[1];
  • 第5行:更改为:

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

我要说的是dict[keyValuePair[0]]不能正常工作,您需要将字符串设置为keyValuePair[0]并将其用作关联键。那是我上班的唯一途径。设置好之后,您可以使用数字索引或用引号将其引用。

希望能有所帮助。


4

所有现代浏览器都支持Map,这是键/值数据的约束。有两个原因使使用Map比使用Object更好:

  • 对象具有原型,因此地图中包含默认键。
  • 对象的键是字符串,其中键可以是Map的任何值。
  • 当您必须跟踪对象的大小时,可以轻松获取地图的大小。

例:

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"

如果要垃圾回收未从其他对象引用的键,请考虑使用WeakMap而不是Map。



1
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]);
}

可以,但可以遍历数组对象的每个属性。如果只想遍历属性myArray.one,myArray.two ...,请尝试这样

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]])
}

现在您可以通过myArray [“ one”]进行访问,并且只能通过这些属性进行迭代。


您是否在示例中计算了错误类型的数量?:-) maArray,忘了关闭')'...
Brian Haak

谢谢你的例子。我们可以团结起来ArrayObject只和Object树木一起工作!精彩的见解!制作非常有用Object.getOwnPropertyNames(obj/array)
Brian Haak

1
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]);
                }

            }
        };

}

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.