blocks|key|287256|text|不要使用数组，使用对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|287257|var+foo+=+new+Object();|code-block|syntax|javascript|287258|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Don't use an array, use an object.

<pre><code>var foo = new Object();
</code></pre>

blocks|key|3221185|text|Javascript很灵活：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3221186|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+%2B+":+"+%2B+arr.fred[key]);|code-block|syntax|javascript|3221187|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Javascript is flexible:

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

blocks|key|3221197|text|如果它不一定是一个数组，你可以创建一个“多维”JS对象...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3221198|<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(myObj['fred']['apples']);
</script>|code-block|syntax|javascript|3221199|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If it doesn't have to be an array, you can create a &quot;multidimensional&quot; JS object...
<pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
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(myObj['fred']['apples']);
&lt;/script&gt;
</code></pre>

blocks|key|3221220|text|只需使用常规的JavaScript对象，它将以与关联数组相同的方式“读取”。你也必须记得先初始化它们。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3221221|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+}+};|code-block|syntax|javascript|3221222|如果您正在查看值，您可能会得到如下所示的内容：|3221223|var+people+=+['fred',+'alice'];
var+fruit+=+['apples',+'lemons'];

var+grid+=+{};
for(var+i+=+0;+i+<+people.length;+i%2B%2B){
++++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%2B%2B){
++++++++var+fruitName+=+fruit[j];
++++++++grid[name][fruitName]+=+0;
++++}
}|3221224|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Just use a regular JavaScript object, which would 'read' the same way as your associative arrays. You have to remember to initialize them first as well.

<pre><code>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 } };
</code></pre>

If you're looking over values, you might have something that looks like this:

<pre><code>var people = ['fred', 'alice'];
var fruit = ['apples', 'lemons'];

var grid = {};
for(var i = 0; i &lt; 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 &lt; fruit.length; j++){
 var fruitName = fruit[j];
 grid[name][fruitName] = 0;
 }
}
</code></pre>

blocks|key|3007217|text|当我需要以一种很好的方式获取所有元素时，我遇到了这个主题“遍历二维关联数组/对象”--不管我叫什么，因为功能很重要。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3007218|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]);
++++}
}|code-block|syntax|javascript|3007219|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

As I needed get all elements in a nice way I encountered this SO subject "Traversing 2 dimensional associative array/object" - no matter the name for me, because functionality counts.

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

blocks|key|3007306|text|当属性名为整数时，获取关联数组的属性的值：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3007307|从属性名称为整数的关联数组开始：|3007308|var+categories+=+[
++++{"1":"Category+1"},
++++{"2":"Category+2"},
++++{"3":"Category+3"},
++++{"4":"Category+4"}
];|code-block|syntax|javascript|3007309|将项目推送到数组：|3007310|categories.push({"2300":+"Category+2300"});
categories.push({"2301":+"Category+2301"});|3007311|循环遍历数组并对属性值执行某些操作。|3007312|for+(var+i+=+0;+i+<+categories.length;+i%2B%2B)+{
++++for+(var+categoryid+in+categories[i])+{
++++++++var+category+=+categories[i][categoryid];
++++++++//+log+progress+to+the+console
++++++++console.log(categoryid+%2B+"+:+"+%2B+category);
++++++++//++...+do+something
++++}
}|3007313|控制台输出应如下所示：|3007314|1+:+Category+1
2+:+Category+2
3+:+Category+3
4+:+Category+4
2300+:+Category+2300
2301+:+Category+2301|3007315|正如您所看到的，您可以绕过关联数组的限制，并将属性名称设置为整数。|3007316|注意:本例中的关联数组是序列化Dictionary[]对象时所使用的json。|3007317|entityMap^0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|17|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|19|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|Z|$]]

Get the value for an array of associative arrays's property when the property name is an integer:

Starting with an Associative Array where the property names are integers:

<pre><code>var categories = [
 {"1":"Category 1"},
 {"2":"Category 2"},
 {"3":"Category 3"},
 {"4":"Category 4"}
];
</code></pre>

Push items to the array:

<pre><code>categories.push({"2300": "Category 2300"});
categories.push({"2301": "Category 2301"});
</code></pre>

Loop through array and do something with the property value.

<pre><code>for (var i = 0; i &lt; 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
 }
}
</code></pre>

Console output should look like this:

<pre><code>1 : Category 1
2 : Category 2
3 : Category 3
4 : Category 4
2300 : Category 2300
2301 : Category 2301
</code></pre>

As you can see, you can get around the associative array limitation and have a property name be an integer.

NOTE: The associative array in my example is the json you would have if you serialized a Dictionary[] object.

blocks|key|289244|text|对于某些应用程序来说，在javascript中有一种简单得多的方法来处理多维关联数组。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|289245|289246|假设所有数组的内部表示实际上都是对象的对象，已经证明数字索引元素的访问时间实际上与关联(文本)索引元素的访问时间相同。|ordered-list-item|289247|第一级关联索引元素的访问时间不会随着实际元素数量的增加而增加。|289248|289249|鉴于此，在许多情况下，使用连接字符串方法来创建多维元素的等价物实际上会更好。例如：|289250|store['fruit']['apples']['granny']['price]+=+10
store['cereal']['natural']['oats']['quack']+=+20|code-block|syntax|javascript|289251|转至：|289252|store['fruit.apples.granny.price']+=+10
store['cereal.natural.oats.quack']+=+20|289253|优势包括：|289254|289255|不需要初始化子对象，也不需要弄清楚如何最好地组合对象和访问时间。对象中的对象所需的访问时间是访问时间的N倍|unordered-list-item|289256|可以使用Object.keys()来提取所有维度信息，并且..|289257|可以使用函数regex.test(字符串)和键上的array.map函数来提取所需的内容。|289258|+dimensions.|289259|the“点”中的任何层次结构都不是任意的-使用下划线实际上会使正则表达式变得更容易|289260|有许多脚本可以将JSON转换为这种格式以及将其转换为这种格式。|289261|<代码>H123可以在键列表<代码>H224<代码>F225上使用所有其他很好的数组处理函数|289262|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|1F|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|1G|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|1I|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|1J|8|@]|9|@]|A|$N|O]]|$1|P|3|Q|5|6|7|1K|8|@]|9|@]|A|$]]|$1|R|3|S|5|M|7|1L|8|@]|9|@]|A|$N|O]]|$1|T|3|U|5|6|7|1M|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|W|3|X|5|Y|7|1O|8|@]|9|@]|A|$]]|$1|Z|3|10|5|Y|7|1P|8|@]|9|@]|A|$]]|$1|11|3|12|5|Y|7|1Q|8|@]|9|@]|A|$]]|$1|13|3|14|5|Y|7|1R|8|@]|9|@]|A|$]]|$1|15|3|16|5|Y|7|1S|8|@]|9|@]|A|$]]|$1|17|3|18|5|Y|7|1T|8|@]|9|@]|A|$]]|$1|19|3|1A|5|6|7|1U|8|@]|9|@]|A|$]]|$1|1B|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]]|1C|$]]

It appears that for some applications, there is a far simpler approach to multi dimensional associative arrays in javascript.

<ol>
<li>Given that the internal representation of all arrays are actually as objects of objects, it has been shown that the access time for numerically indexed elements is actually the same as for associative (text) indexed elements. </li>
<li>the access time for first-level associative indexed elements does not rise as the number of actual elements increases.</li>
</ol>

Given this, there may be many cases where it is actually better to use a concatenated string approach to create the equivalence of a multidimensional elements. For example:

<pre><code>store['fruit']['apples']['granny']['price] = 10
store['cereal']['natural']['oats']['quack'] = 20
</code></pre>

goes to:

<pre><code>store['fruit.apples.granny.price'] = 10
store['cereal.natural.oats.quack'] = 20
</code></pre>

Advantages include:

<ul>
<li>no need to initialize sub-objects or figure out how to best combine objects </li>
<li>single-level access time. objects within objects need N times the access time</li>
<li>can use Object.keys() to extract all dimension information and..</li>
<li>can use the function regex.test(string) and the array.map function on the keys to pull out exactly what you want.</li>
<li>no hierarchy in the dimensions.</li>
<li>the "dot" is arbitrary - using underscore actually makes regex easier</li>
<li>there are lots of scripts for "flattening" JSON into and out of this format as well</li>
<li>can use all of the other nice array processing functions on keylist </li>
</ul>

blocks|key|3007404|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3007405|<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:+"+%2B+images[sectionName][fileMap][fileId]);

//+All+keys+with+dots
alert+("Example+2+Value:+"+%2B+images.TestSection.fileMapData.foobar);

//+Mixed+with+a+different+final+key
alert+("Example+3+Value:+"+%2B+images[sectionName]['fileMapData'][fileId2]);

//+Mixed+brackets+and+dots...
alert+("Example+4+Value:+"+%2B+images[sectionName]['fileMapData'].barfoo);

//+This+will+FAIL!+variable+names+must+be+in+brackets!
alert+("Example+5+Value:+"+%2B+images[sectionName]['fileMapData'].fileId2);
//+Produces:+"Example+5+Value:+undefined".

//+This+will+NOT+work+either.+Values+must+be+quoted+in+brackets.
alert+("Example+6+Value:+"+%2B+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>|code-block|syntax|javascript|3007406|3007407|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script language="javascript"&gt;

// 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!");
&lt;/script&gt;</code></pre>
</div>
</div>

blocks|key|292502|text|你不一定要使用对象，你可以用普通的多维数组来做。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|292503|这是没有Objects的解决方案|292504|//+Javascript
const+matrix+=+[];

matrix.key1+=+[
++'value1',
++'value2',
];

matrix.key2+=+[
++'value3',
];|code-block|syntax|javascript|292505|在PHP中，它等同于：|offset|length|style|BOLD|292506|//+PHP
$matrix+=+[
++++"key1"+=>+[
++++++++'value1',
++++++++'value2',
++++],
++++"key2"+=>+[
++++++++'value3',
++++]
];|292507|entityMap^0|0|0|0|0|B|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@$K|W|L|X|M|N]]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

You don't need to necessarily use Objects, you can do it with normal multi-dimensional Arrays.

This is my solution without Objects:

<pre><code>// Javascript
const matrix = [];

matrix.key1 = [
 'value1',
 'value2',
];

matrix.key2 = [
 'value3',
];
</code></pre>

which in PHP is equivalent to:

<pre><code>// PHP
$matrix = [
 "key1" =&gt; [
 'value1',
 'value2',
 ],
 "key2" =&gt; [
 'value3',
 ]
];
</code></pre>

blocks|key|3221425|text|++++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:+'+%2B+myObj['Base']['Base.panel.panel_base'].Context);++
++++++myObj['Base']['Base.panel.panel_base']+=+'new+Value';
++++++console.log('new+value:+'+%2B+myObj['Base']['Base.panel.panel_base']);
++++++}
++++}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3221426|输出：|unstyled|3221427|找到新值基本|3221428|Base.panel.panel_base+|unordered-list-item|3221429|3221430|旧值:基本|3221431|新值:新值|3221432|3221433|3221434|数组操作起作用。没有问题。|3221435|迭代：|3221436|+++++Object.keys(myObj['Base']).forEach(function(key,+index)+{++++++++++++
++++++++var+value+=+objcons['Base'][key];+++++++++++++++++++
++++++},+myObj);|3221437|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|11|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|13|8|@]|9|@]|A|$]]|$1|L|3|-4|5|K|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|K|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|K|7|16|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|F|7|17|8|@]|9|@]|A|$]]|$1|R|3|-4|5|F|7|18|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|19|8|@]|9|@]|A|$]]|$1|U|3|V|5|F|7|1A|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1B|8|@]|9|@]|A|$B|C]]|$1|Y|3|-4|5|F|7|1C|8|@]|9|@]|A|$]]]|Z|$]]

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

Output:

<ul>
<li>Base found </li>
<li>Base.panel.panel_base found </li>
<li>old value: Base </li>
<li>new value: new Value</li>
</ul>

The array operation works. There is no problem.

Iteration:

<pre><code> Object.keys(myObj['Base']).forEach(function(key, index) { 
 var value = objcons['Base'][key]; 
 }, myObj);
</code></pre>

There is the following query results: (key1 and key2 could be any text)

<pre><code>id key1 key2 value

1 fred apple 2
2 mary orange 10
3 fred banana 7
4 fred orange 4
5 sarah melon 5
...
</code></pre>

and I wish to store the data in a grid (maybe as an array) looping all the records like this:

<pre><code> apple orange banana melon
fred 2 4 7 -
mary - 10 - -
sarah - - - 5
</code></pre>

In PHP this would be really easy, using associative arrays:

<pre><code>$result['fred']['apple'] = 2;
</code></pre>

But in JavaScript associative arrays like this doesn't work.
After reading tons of tutorial, all I could get was this:

<pre><code>arr=[];
arr[1]['apple'] = 2;
</code></pre>

but <code>arr['fred']['apple'] = 2;</code> doesn't work.
I tried arrays of objects, but objects properties can't be free text.
The more I was reading tutorials, the more I got confused...

Any idea is welcome :)

Multi-dimensional associative arrays in JavaScript

数据存储

JSON

查询结果如下：(key1和key2可以是任意文本)id   key1     key2     value1    fred     apple    22    mary     orange   103    fred     banana   74    fred     orange   45    sarah...

问JavaScript中的多维关联数组
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript中的多维关联数组EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript中的多维关联数组
EN