blocks|key|922755|text|您可能正在尝试使用JSON对象：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|922756|var+myMappings+=+{+"name":+"10%25",+"phone":+"10%25",+"address":+"50%25",+etc..+}|code-block|syntax|javascript|922757|要访问：|922758|myMappings.name;
myMappings.phone;
etc..|922759|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|$]]

You may be trying to use a JSON object:
<pre><code>var myMappings = { &quot;name&quot;: &quot;10%&quot;, &quot;phone&quot;: &quot;10%&quot;, &quot;address&quot;: &quot;50%&quot;, etc.. }
</code></pre>
To access:
<pre><code>myMappings.name;
myMappings.phone;
etc..
</code></pre>

blocks|key|922811|text|我建议不要使用数组，除非您有多个对象要考虑。这句话没有错：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|922812|var+myMappings+=+{
++++"Name":+0.1,
++++"Phone":+0.1,
++++"Address":+0.5,
++++"Zip":+0.1,
++++"Comments":+0.2
};

for+(var+col+in+myMappings)+{
++++alert((myMappings[col]+*+100)+%2B+"%25");
}|code-block|syntax|javascript|922813|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|$]]

I suggest not using an array unless you have multiple objects to consider. There isn't anything wrong this statement:
<pre><code>var myMappings = {
 &quot;Name&quot;: 0.1,
 &quot;Phone&quot;: 0.1,
 &quot;Address&quot;: 0.5,
 &quot;Zip&quot;: 0.1,
 &quot;Comments&quot;: 0.2
};

for (var col in myMappings) {
 alert((myMappings[col] * 100) + &quot;%&quot;);
}
</code></pre>

blocks|key|922857|text|另一种方法是有一个对象数组，每个单独的对象保存一个列的属性。这稍微改变了"myMappings“的结构，但使其易于使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|922858|var+myMappings+=+[
++++{+title:+"Name",+width:+"10%25"+},
++++{+title:+"Phone",+width:+"10%25"+},
++++{+title:+"Address",+width:+"50%25"+},
++++{+title:+"Zip",+width:+"10%25"+},
++++{+title:+"Comments",+width:+"20%25"+}
];|code-block|syntax|javascript|922859|然后，您可以使用for循环轻松地遍历所有“列”：|922860|for+(var+i+=+0;+i+<+myMappings.length;+i+%2B=+1)+{
++++//+myMappings[i].title+...
++++//+myMappings[i].width+...
}|922861|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|$]]

Another approach would be to have an array of objects, with each individual object holding the properties of a column. This slightly changes the structure of "myMappings", but makes it easy to work with:

<pre><code>var myMappings = [
 { title: "Name", width: "10%" },
 { title: "Phone", width: "10%" },
 { title: "Address", width: "50%" },
 { title: "Zip", width: "10%" },
 { title: "Comments", width: "20%" }
];
</code></pre>

Then you could easily iterate through all your "columns" with a for loop:

<pre><code>for (var i = 0; i &lt; myMappings.length; i += 1) {
 // myMappings[i].title ...
 // myMappings[i].width ...
}
</code></pre>

blocks|key|922920|text|与哈希表相比，在JavaScript中模拟字典是一种更容易、更自然、更有效的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|922921|它还利用JavaScript是弱类型的这一点。而是类型推断。|922922|(摘自Google+Chrome的控制台)：|922923|var+myDict+=+{};

myDict.one+=+1;
1

myDict.two+=+2;
2

if+(myDict.hasOwnProperty('three'))
{
++console.log(myDict.two);
}
else
{
++console.log('Key+does+not+exist!');
}
Key+does+not+exist!+VM361:8

if+(myDict.hasOwnProperty('two'))
{
++console.log(myDict.two);
}
else
{
++console.log('Key+does+not+exist!');
}
2+VM362:4

Object.keys(myDict);
["one",+"two"]

delete(myDict.two);
true

myDict.hasOwnProperty('two');
false

myDict.two
undefined

myDict.one
1|code-block|syntax|javascript|922924|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

An easier, native and more efficient way of emulating a dict in JavaScript than a hash table:
It also exploits that JavaScript is weakly typed. Rather type inference.
Here's how (an excerpt from Google Chrome's console):
<pre><code>var myDict = {};

myDict.one = 1;
1

myDict.two = 2;
2

if (myDict.hasOwnProperty('three'))
{
 console.log(myDict.two);
}
else
{
 console.log('Key does not exist!');
}
Key does not exist! VM361:8

if (myDict.hasOwnProperty('two'))
{
 console.log(myDict.two);
}
else
{
 console.log('Key does not exist!');
}
2 VM362:4

Object.keys(myDict);
[&quot;one&quot;, &quot;two&quot;]

delete(myDict.two);
true

myDict.hasOwnProperty('two');
false

myDict.two
undefined

myDict.one
1
</code></pre>

blocks|key|922934|text|尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|922935|var+myMappings+=+{
++++"Name":+++++"10%25",
++++"Phone":++++"10%25",
++++"Address":++"50%25",
++++"Zip":++++++"10%25",
++++"Comments":+"20%25"
}

//+Access+is+like+this
myMappings["Name"]+//+Returns+"10%25"
myMappings.Name+//+The+same+thing+as+above

//+To+loop+through...
for(var+title+in+myMappings)+{
++++//+Do+whatever+with+myMappings[title]
}|code-block|syntax|javascript|922936|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|$]]

Try:
<pre><code>var myMappings = {
 &quot;Name&quot;: &quot;10%&quot;,
 &quot;Phone&quot;: &quot;10%&quot;,
 &quot;Address&quot;: &quot;50%&quot;,
 &quot;Zip&quot;: &quot;10%&quot;,
 &quot;Comments&quot;: &quot;20%&quot;
}

// Access is like this
myMappings[&quot;Name&quot;] // Returns &quot;10%&quot;
myMappings.Name // The same thing as above

// To loop through...
for(var title in myMappings) {
 // Do whatever with myMappings[title]
}
</code></pre>

blocks|key|922962|text|从技术上讲，对象是一个字典。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|922963|var+myMappings+=+{
++++mykey1:+'myValue',
++++mykey2:+'myValue'
};

var+myVal+=+myMappings['myKey1'];

alert(myVal);+//+myValue|code-block|syntax|javascript|922964|您甚至可以遍历一个。|922965|for(var+key+in+myMappings)+{
++++var+myVal+=+myMappings[key];
++++alert(myVal);
}|922966|没有任何理由去重新发明轮子。当然，赋值是这样的：|922967|myMappings['mykey3']+=+'my+value';|922968|和ContainsKey：|922969|if+(myMappings.hasOwnProperty('myKey3'))+{
++++alert('key+already+exists!');
}|922970|我建议你遵循这个：http://javascriptissexy.com/how-to-learn-javascript-properly/|offset|length|922971|entityMap|0|LINK|mutability|MUTABLE|url|http://javascriptissexy.com/how-to-learn-javascript-properly/^0|0|0|0|0|0|0|0|0|9|1P|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|16|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|18|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1B|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|1C|8|@]|9|@$U|1D|V|1E|1|1F]]|A|$]]|$1|W|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]]]

An object technically is a dictionary.
<pre><code>var myMappings = {
 mykey1: 'myValue',
 mykey2: 'myValue'
};

var myVal = myMappings['myKey1'];

alert(myVal); // myValue
</code></pre>
You can even loop through one.
<pre><code>for(var key in myMappings) {
 var myVal = myMappings[key];
 alert(myVal);
}
</code></pre>
There is no reason whatsoever to reinvent the wheel. And of course, assignment goes like:
<pre><code>myMappings['mykey3'] = 'my value';
</code></pre>
And ContainsKey:
<pre><code>if (myMappings.hasOwnProperty('myKey3')) {
 alert('key already exists!');
}
</code></pre>
I suggest you follow this: <a href="http://javascriptissexy.com/how-to-learn-javascript-properly/" rel="nofollow noreferrer">http://javascriptissexy.com/how-to-learn-javascript-properly/</a>

I want to create a dictionary in JavaScript like the following:
<pre><code>myMappings = [
 { &quot;Name&quot;: 10%},
 { &quot;Phone&quot;: 10%},
 { &quot;Address&quot;: 50%},
 { &quot;Zip&quot;: 10%},
 { &quot;Comments&quot;: 20%}
]
</code></pre>
I want to populate an HTML table later and want to set the titles of table to the first column of myMappings and the width of columns to the second. Is there a clean way to do it?

JavaScript dictionary with names

JSON

我想用JavaScript创建一个字典，如下所示：myMappings = [    { "Name": 10%},    { "Phone": 10%},    { "Address": 50%},    { "Zip": 10%},    { "Comments": 20%}]我想稍后填充一个HTML表，并希望将表...

问带名称的JavaScript字典
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带名称的JavaScript字典EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带名称的JavaScript字典
EN