JavaScript連想配列で動的にキーを作成する
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.
最初の例を使用してください。キーが存在しない場合は追加されます。
var a = new Array();
a['name'] = 'oscar';
alert(a['name']);
'oscar'を含むメッセージボックスをポップアップします。
試してください：
var text = 'name = oscar'
var dict = new Array()
var keyValuePair = text.replace(/ /g,'').split('=');
dict[ keyValuePair[0] ] = keyValuePair[1];
alert( dict[keyValuePair[0]] );
どういうわけか、すべての例はうまく機能していますが、過度に複雑です。
- 彼らは
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 ;-)
}
Javascript 連想配列はありません、オブジェクト。
次のコード行はすべてまったく同じことを行います - オブジェクトの 'name'フィールドを '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';
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.
MK_Devに応答して、反復することはできますが、連続して反復することはできません（そのため、明らかに配列が必要です）
クイックグーグル検索が起動します 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]);
}
元のコード（私は行番号を追加したのでそれらを参照することができます）：
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行目：テキストに
trimを入力する必要がありますのでname = oscarです。 - 3行目：常にあなたの均等のまわりにスペースがある限り大丈夫です。 1行目に
trimを付けず、=を使用して各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]に設定し、それを連想キーとして使用する必要があります。それが私が働かせる唯一の方法です。設定した後は、数値インデックスまたは引用符で囲んで参照できます。
それが役立つことを願っています。
最近のブラウザはすべて 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"
他のオブジェクトから参照されていないキーをガベージコレクションにしたい場合は、Mapではなく WeakMap を使用することを検討してください。
私はあなたがちょうどこのように作成した方が良いと思います
var arr = [];
arr = {
key1: 'value1',
key2:'value2'
};
詳細については、これを見てください
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]);
}
}
};
}
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"]によって両方にアクセスすることができて、これらのプロパティを通してだけ繰り返すことができます。