반응형
JavaScript의 다차원 연관 배열
다음 쿼리 결과가 있습니다. (key1 및 key2는 임의의 텍스트 일 수 있음)
id key1 key2 value
1 fred apple 2
2 mary orange 10
3 fred banana 7
4 fred orange 4
5 sarah melon 5
...
다음과 같이 모든 레코드를 반복 하는 그리드 (어쩌면 배열)에 데이터를 저장하고 싶습니다.
apple orange banana melon
fred 2 4 7 -
mary - 10 - -
sarah - - - 5
PHP에서는 연관 배열을 사용하면 정말 쉽습니다.
$result['fred']['apple'] = 2;
그러나 이와 같은 JavaScript 연관 배열에서는 작동하지 않습니다. 수많은 자습서를 읽은 후 얻을 수있는 것은 다음과 같습니다.
arr=[];
arr[1]['apple'] = 2;
하지만 arr['fred']['apple'] = 2;작동하지 않습니다. 객체 배열을 시도했지만 객체 속성은 자유 텍스트가 될 수 없습니다. 튜토리얼을 더 많이 읽을수록 더 혼란스러워졌습니다 ...
어떤 아이디어라도 환영합니다 :)
연관 배열과 동일한 방식으로 '읽는'일반 JavaScript 객체를 사용하십시오. 먼저 초기화하는 것을 기억해야합니다.
var obj = {};
obj['fred'] = {};
if('fred' in obj ){ } // can check for the presence of 'fred'
if(obj.fred) { } // also checks for presence of 'fred'
if(obj['fred']) { } // also checks for presence of 'fred'
// The following statements would all work
obj['fred']['apples'] = 1;
obj.fred.apples = 1;
obj['fred'].apples = 1;
// or build or initialize the structure outright
var obj = { fred: { apples: 1, oranges: 2 }, alice: { lemons: 1 } };
값을 살펴보면 다음과 같은 것이있을 수 있습니다.
var people = ['fred', 'alice'];
var fruit = ['apples', 'lemons'];
var grid = {};
for(var i = 0; i < people.length; i++){
var name = people[i];
if(name in grid == false){
grid[name] = {}; // must initialize the sub-object, otherwise will get 'undefined' errors
}
for(var j = 0; j < fruit.length; j++){
var fruitName = fruit[j];
grid[name][fruitName] = 0;
}
}
배열 일 필요 가없는 경우 "다차원"JS 객체를 만들 수 있습니다.
<script type="text/javascript">
var myObj = {
fred: { apples: 2, oranges: 4, bananas: 7, melons: 0 },
mary: { apples: 0, oranges: 10, bananas: 0, melons: 0 },
sarah: { apples: 0, oranges: 0, bananas: 0, melons: 5 }
}
document.write( myObject[ 'fred' ][ 'apples' ] );
</script>
Javascript는 유연합니다.
var arr = {
"fred": {"apple": 2, "orange": 4},
"mary": {}
//etc, etc
};
alert(arr.fred.orange);
alert(arr["fred"]["orange"]);
for (key in arr.fred)
alert(key + ": " + arr.fred[key]);
모든 요소를 좋은 방법으로 가져와야했기 때문에 "2 차원 연관 배열 / 객체 이동"이라는 주제를 접했습니다. 이름에 상관없이 기능이 중요하기 때문입니다.
var imgs_pl = {
'offer': { 'img': 'wer-handwritter_03.png', 'left': 1, 'top': 2 },
'portfolio': { 'img': 'wer-handwritter_10.png', 'left': 1, 'top': 2 },
'special': { 'img': 'wer-handwritter_15.png', 'left': 1, 'top': 2 }
};
for (key in imgs_pl) {
console.log(key);
for (subkey in imgs_pl[key]) {
console.log(imgs_pl[key][subkey]);
}
}
속성 이름이 정수인 경우 연관 배열의 속성 배열 값을 가져옵니다.
속성 이름이 정수인 연관 배열로 시작 :
var categories = [
{"1":"Category 1"},
{"2":"Category 2"},
{"3":"Category 3"},
{"4":"Category 4"}
];
항목을 배열로 푸시합니다.
categories.push({"2300": "Category 2300"});
categories.push({"2301": "Category 2301"});
배열을 반복하고 속성 값으로 작업을 수행합니다.
for (var i = 0; i < categories.length; i++) {
for (var categoryid in categories[i]) {
var category = categories[i][categoryid];
// log progress to the console
console.log(categoryid + " : " + category);
// ... do something
}
}
콘솔 출력은 다음과 같습니다.
1 : Category 1
2 : Category 2
3 : Category 3
4 : Category 4
2300 : Category 2300
2301 : Category 2301
보시다시피 연관 배열 제한을 피하고 속성 이름을 정수로 지정할 수 있습니다.
참고 : 내 예제의 연관 배열은 Dictionary [] 객체를 직렬화 한 경우 사용할 수있는 json입니다.
일부 애플리케이션의 경우 자바 스크립트에서 다차원 연관 배열에 대한 훨씬 더 간단한 접근 방식이있는 것으로 보입니다.
모든 배열의 내부 표현이 실제로 객체의 객체라는 점을 감안할 때, 숫자 인덱스 요소의 액세스 시간은 실제로 연관 (텍스트) 인덱스 요소의 액세스 시간과 동일하다는 것이 표시되었습니다.
첫 번째 수준의 연관 인덱스 요소에 대한 액세스 시간은 실제 요소 수가 증가해도 증가하지 않습니다.
이를 감안할 때, 다차원 요소의 동등성을 생성하기 위해 연결된 문자열 접근 방식을 사용하는 것이 실제로 더 나은 경우가 많이있을 수 있습니다. 예를 들면 :
store['fruit']['apples']['granny']['price] = 10
store['cereal']['natural']['oats']['quack'] = 20
로 이동:
store['fruit.apples.granny.price'] = 10
store['cereal.natural.oats.quack'] = 20
장점은 다음과 같습니다.
- 하위 오브젝트를 초기화하거나 오브젝트를 최적으로 결합하는 방법을 알아낼 필요가 없습니다.
- 단일 레벨 액세스 시간. 개체 내의 개체는 액세스 시간의 N 배 필요
- Object.keys ()를 사용하여 모든 차원 정보를 추출 할 수 있습니다.
- regex.test (string) 함수와 키에 array.map 함수를 사용하여 원하는 것을 정확하게 가져올 수 있습니다.
- 차원에 계층이 없습니다.
- "점"은 임의적입니다. 밑줄을 사용하면 실제로 정규식이 더 쉬워집니다.
- JSON을이 형식 안팎으로 "평탄화"하기위한 많은 스크립트가 있습니다.
- 키리스트에서 다른 모든 멋진 배열 처리 기능을 사용할 수 있습니다.
배열을 사용하지 말고 객체를 사용하십시오.
var foo = new Object();
반드시 객체를 사용할 필요는 없으며 일반적인 다차원 배열로 할 수 있습니다.
이것은 Objects가없는 내 솔루션입니다 .
// Javascript
const matrix = [];
matrix.key1 = [
'value1',
'value2',
];
matrix.key2 = [
'value3',
];
PHP에서는 다음과 같습니다.
// PHP
$matrix = [
"key1" => [
'value1',
'value2',
],
"key2" => [
'value3',
]
];
<script language="javascript">
// Set values to variable
var sectionName = "TestSection";
var fileMap = "fileMapData";
var fileId = "foobar";
var fileValue= "foobar.png";
var fileId2 = "barfoo";
var fileValue2= "barfoo.jpg";
// Create top-level image object
var images = {};
// Create second-level object in images object with
// the name of sectionName value
images[sectionName] = {};
// Create a third level object
var fileMapObj = {};
// Add the third level object to the second level object
images[sectionName][fileMap] = fileMapObj;
// Add forth level associate array key and value data
images[sectionName][fileMap][fileId] = fileValue;
images[sectionName][fileMap][fileId2] = fileValue2;
// All variables
alert ("Example 1 Value: " + images[sectionName][fileMap][fileId]);
// All keys with dots
alert ("Example 2 Value: " + images.TestSection.fileMapData.foobar);
// Mixed with a different final key
alert ("Example 3 Value: " + images[sectionName]['fileMapData'][fileId2]);
// Mixed brackets and dots...
alert ("Example 4 Value: " + images[sectionName]['fileMapData'].barfoo);
// This will FAIL! variable names must be in brackets!
alert ("Example 5 Value: " + images[sectionName]['fileMapData'].fileId2);
// Produces: "Example 5 Value: undefined".
// This will NOT work either. Values must be quoted in brackets.
alert ("Example 6 Value: " + images[sectionName][fileMapData].barfoo);
// Throws and exception and stops execution with error: fileMapData is not defined
// We never get here because of the uncaught exception above...
alert ("The End!");
</script> var myObj = [];
myObj['Base'] = [];
myObj['Base']['Base.panel.panel_base'] = {ContextParent:'',ClassParent:'',NameParent:'',Context:'Base',Class:'panel',Name:'panel_base',Visible:'',ValueIst:'',ValueSoll:'',
Align:'', AlignFrom:'',AlignTo:'',Content:'',onClick:'',Style:'',content_ger_sie:'',content_ger_du:'',content_eng:'' };
myObj['Base']['Base.panel.panel_top'] = {ContextParent:'',ClassParent:'',NameParent:'',Context:'Base',Class:'panel',Name:'panel_base',Visible:'',ValueIst:'',ValueSoll:'',
Align:'',AlignFrom:'',AlignTo:'',Content:'',onClick:'',Style:'',content_ger_sie:'',content_ger_du:'',content_eng:'' };
myObj['SC1'] = [];
myObj['SC1']['Base.panel.panel_base'] = {ContextParent:'',ClassParent:'',NameParent:'',Context:'Base',Class:'panel',Name:'panel_base',Visible:'',ValueIst:'',ValueSoll:'',
Align:'', AlignFrom:'',AlignTo:'',Content:'',onClick:'',Style:'',content_ger_sie:'',content_ger_du:'',content_eng:'' };
myObj['SC1']['Base.panel.panel_top'] = {ContextParent:'',ClassParent:'',NameParent:'',Context:'Base',Class:'panel',Name:'panel_base',Visible:'',ValueIst:'',ValueSoll:'',
Align:'',AlignFrom:'',AlignTo:'',Content:'',onClick:'',Style:'',content_ger_sie:'',content_ger_du:'',content_eng:'' };
console.log(myObj);
if ('Base' in myObj) {
console.log('Base found');
if ('Base.panel.panel_base' in myObj['Base']) {
console.log('Base.panel.panel_base found');
console.log('old value: ' + myObj['Base']['Base.panel.panel_base'].Context);
myObj['Base']['Base.panel.panel_base'] = 'new Value';
console.log('new value: ' + myObj['Base']['Base.panel.panel_base']);
}
}
산출:
- 자료 발견
- Base.panel.panel_base를 찾았습니다.
- 이전 값 : 기본
- 새로운 가치 : 새로운 가치
The array operation works. There is no problem.
Iteration:
Object.keys(myObj['Base']).forEach(function(key, index) {
var value = objcons['Base'][key];
}, myObj);
참고URL : https://stackoverflow.com/questions/4329092/multi-dimensional-associative-arrays-in-javascript
반응형
'Development Tip' 카테고리의 다른 글
| 교차 도메인 게시물과 함께 자격 증명을 보내 시나요? (0) | 2020.10.25 |
|---|---|
| NSNotificationcenter의 객체 속성을 사용하는 방법 (0) | 2020.10.25 |
| Scala에서 파일을 바이트 배열로 읽는 방법 (0) | 2020.10.25 |
| NULL 값을 테이블 끝에 정렬 (0) | 2020.10.25 |
| gem의 프록시 서버를 어떻게 설정할 수 있습니까? (0) | 2020.10.25 |