JavaScript 연관 배열에서 키를 동적으로 생성합니다
-
20-08-2019 - |
문제
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']);
'오스카'가 포함 된 메시지 상자가 나타납니다.
노력하다:
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()
, 이것은 간단한 연관 배열 (일명 사전)의 과잉 (및 오버 헤드)입니다. - 더 나은 것은 사용됩니다
new Object()
. 잘 작동하지만 왜이 추가 타이핑이 있습니까?
이 질문은 "초보자"로 표시되어 있으므로 간단하게 만들어 봅시다.
JavaScript에서 사전을 사용하는 Uber Simple 또는 "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 ;-)
}
자바 스크립트 연관 배열이 없습니다, 그것은 있습니다 사물.
다음 줄의 코드는 모두 정확히 같은 작업을 수행합니다. '이름'필드를 '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에 대한 응답으로 반복 할 수는 있지만 연속적으로. (분명히 배열이 필요합니다)
빠른 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]);
}
원본 코드 (줄 번호를 추가하여 참조 할 수 있음) :
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 행 : 항상 평등 주위에 공간이있는 한 괜찮습니다. 그렇지 않은 것이 좋습니다
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]
그리고 그것을 연관 키로 사용하십시오. 그것이 내가 일할 수있는 유일한 방법입니다. 설정 한 후에는 숫자 색인 또는 키를 따옴표로 참조 할 수 있습니다.
도움이되기를 바랍니다.
모든 현대식 브라우저는 a 지도, 키/가치 데이터 협착입니다. 객체보다 맵을 사용하는 몇 가지 이유가 있습니다.
- 객체에는 프로토 타입이 있으므로 맵에 기본 키가 있습니다.
- 객체의 키는 문자열이며, 여기서 맵의 값이 될 수 있습니다.
- 객체의 크기를 추적 해야하는 동안 맵의 크기를 쉽게 얻을 수 있습니다.
예시:
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"
다른 물체에서 참조되지 않은 키를 수집하기 위해 키를 원한다면 약점 지도 대신.
당신이 방금 이렇게 만든다면 더 낫다고 생각합니다.
var arr = [];
arr = {
key1: 'value1',
key2:'value2'
};
자세한 내용은 이것을 살펴보십시오
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"]에 의해 모두 액세스 할 수 있으며 이러한 속성을 통해서만 반복 할 수 있습니다.
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]);
}
}
};
}