blocks|key|1693986|text|只需使用标准的javascript对象：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1693987|var+dictionary+=+{};//create+new+object
dictionary["key1"]+=+value1;//set+key1
var+key1+=+dictionary["key1"];//get+key1|code-block|syntax|javascript|1693988|注意:您也可以使用点符号(即dictionary.key1)获取/设置您创建的任何“关键帧”|offset|length|style|CODE|1693989|1693990|如果你想要它的特定功能，你可以更进一步...|1693991|function+Dictionary(){
+++var+dictionary+=+{};

+++this.setData+=+function(key,+val)+{+dictionary[key]+=+val;+}
+++this.getData+=+function(key)+{+return+dictionary[key];+}
}

var+dictionary+=+new+Dictionary();
dictionary.setData("key1",+"value1");
var+key1+=+dictionary.getData("key1");|1693992|entityMap^0|0|0|E|F|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|V|8|@$I|W|J|X|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|Z|8|@]|9|@]|A|$]]|$1|P|3|Q|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|R|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|S|$]]

Just use a standard javascript object:

<pre><code>var dictionary = {};//create new object
dictionary["key1"] = value1;//set key1
var key1 = dictionary["key1"];//get key1
</code></pre>

NOTE: You can also get/set any "keys" you create using dot notation (i.e. <code>dictionary.key1</code>)

<hr>

You could take that further if you wanted specific functions for it...

<pre><code>function Dictionary(){
 var dictionary = {};

 this.setData = function(key, val) { dictionary[key] = val; }
 this.getData = function(key) { return dictionary[key]; }
}

var dictionary = new Dictionary();
dictionary.setData("key1", "value1");
var key1 = dictionary.getData("key1");
</code></pre>

blocks|key|1694003|text|var+widget={};
var+key='k';
widget[key]='v';
alert(widget.k);//gives+you+v|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1694004|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var widget={};
var key='k';
widget[key]='v';
alert(widget.k);//gives you v
</code></pre>

blocks|key|1694049|text|这个取自Marijn+Havereke's+book+Eloquent+JavaScript的类怎么样？|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1694050|The+fiddle|1694051|function+Dictionary(values)+{
++++this.values+=+values+%7C%7C+{};

++++var+forEachIn+=+function+(object,+action)+{
++++++for+(var+property+in+object)+{
++++++++if+(Object.prototype.hasOwnProperty.call(object,+property))
++++++++++action(property,+object[property]);
++++++}
++++};

++++Dictionary.prototype.containsKey+=+function(key)+{
++++++return+Object.prototype.hasOwnProperty.call(this.values,+key)+&&
++++++++Object.prototype.propertyIsEnumerable.call(this.values,+key);
++++};

++++Dictionary.prototype.forEach+=+function(action)+{
++++++forEachIn(this.values,+action);
++++};

++++Dictionary.prototype.lookup+=+function(key)+{
++++++return+this.values[key];
++++};

++++Dictionary.prototype.add+=+function(key,+value)+{
++++++this.values[key]+=+value;
++++};
};

var+numberDic+=+new+Dictionary({One:+1,Two:+2,+Three:+3});

//--+does+key+exist
console.log(numberDic.containsKey("One"));
console.log(numberDic.containsKey("One"));
console.log(numberDic.containsKey("Four"));

//--+loop+through+each+item+in+the+dic
numberDic.forEach(function(key,+value)+{
++console.log(key,+"is",+value);
});

//--+works+with+complex+objects
//------------------------------------------
var+complexObjectDic+=+new+Dictionary({
++++Microsoft:+{
++++++++Something:+"Real+Interesting",
++++++++About:+"Microsoft",
++++++++Will:+"Go",
++++++++Here:+".",
++++++++ProductPrices:+{
++++++++++++WindowsPhone:+55.88,
++++++++++++Windows+:{
++++++++++++++++WinXp+:+180.00,
++++++++++++++++Win7+:+200.00,
++++++++++++++++Win8+:+150.00
++++++++++++}
++++++++}
++++},
++++Apple:+{
++++++++Did:+"you",
++++++++Hear:+"the",
++++++++New:+"iphone",
++++++++Will:+"be+coming+out+soon",
++++}});

//--+does+key+exist
console.log(complexObjectDic.containsKey("Microsoft"));
console.log(complexObjectDic.containsKey("Apple"));
console.log(complexObjectDic.containsKey("Facebook"));

//--+search+the+dic+by+key
console.log(complexObjectDic.lookup("Microsoft"));
console.log(complexObjectDic.lookup("Apple"));

//--+add+item+to+dic
complexObjectDic.add("Instagram",+{
++++This:+"is",
++++Another:+"object",
++++That:+"I+willl+be+Adding"
});

//--+loop+through+each+item+in+the+dic
complexObjectDic.forEach(function(key,+value)+{
++++console.log(key,+value);
});|code-block|syntax|javascript|1694052|entityMap|0|LINK|mutability|MUTABLE|url|http://eloquentjavascript.net/1st_edition/chapter8.html|1|http://jsfiddle.net/ktabarez/X3AJ7/^0|4|16|0|0|0|A|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

How about this class taken from <a href="http://eloquentjavascript.net/1st_edition/chapter8.html" rel="nofollow">Marijn Havereke's book Eloquent JavaScript</a> 

<a href="http://jsfiddle.net/ktabarez/X3AJ7/" rel="nofollow">The fiddle</a>

<pre><code>function Dictionary(values) {
 this.values = values || {};

 var forEachIn = function (object, action) {
 for (var property in object) {
 if (Object.prototype.hasOwnProperty.call(object, property))
 action(property, object[property]);
 }
 };

 Dictionary.prototype.containsKey = function(key) {
 return Object.prototype.hasOwnProperty.call(this.values, key) &amp;&amp;
 Object.prototype.propertyIsEnumerable.call(this.values, key);
 };

 Dictionary.prototype.forEach = function(action) {
 forEachIn(this.values, action);
 };

 Dictionary.prototype.lookup = function(key) {
 return this.values[key];
 };

 Dictionary.prototype.add = function(key, value) {
 this.values[key] = value;
 };
};

var numberDic = new Dictionary({One: 1,Two: 2, Three: 3});

//-- does key exist
console.log(numberDic.containsKey("One"));
console.log(numberDic.containsKey("One"));
console.log(numberDic.containsKey("Four"));

//-- loop through each item in the dic
numberDic.forEach(function(key, value) {
 console.log(key, "is", value);
});

//-- works with complex objects
//------------------------------------------
var complexObjectDic = new Dictionary({
 Microsoft: {
 Something: "Real Interesting",
 About: "Microsoft",
 Will: "Go",
 Here: ".",
 ProductPrices: {
 WindowsPhone: 55.88,
 Windows :{
 WinXp : 180.00,
 Win7 : 200.00,
 Win8 : 150.00
 }
 }
 },
 Apple: {
 Did: "you",
 Hear: "the",
 New: "iphone",
 Will: "be coming out soon",
 }});

//-- does key exist
console.log(complexObjectDic.containsKey("Microsoft"));
console.log(complexObjectDic.containsKey("Apple"));
console.log(complexObjectDic.containsKey("Facebook"));

//-- search the dic by key
console.log(complexObjectDic.lookup("Microsoft"));
console.log(complexObjectDic.lookup("Apple"));

//-- add item to dic
complexObjectDic.add("Instagram", {
 This: "is",
 Another: "object",
 That: "I willl be Adding"
});

//-- loop through each item in the dic
complexObjectDic.forEach(function(key, value) {
 console.log(key, value);
});
</code></pre>

I want to create a object in JavaScript which will store values in key, value pair and I should be able to pass some key and should be able to get its value back. In .NET world we can use dictionary class for this kind of implementation. Do we have any option in JavaScript world? I am using ExtJs 4.1, so if you know of any option in ExtJS even that would work.

I have tried something like this but I cannot get value by key.

<pre><code>var Widget = function(k, v) {
 this.key = k;
 this.value = v;
};

var widgets = [
 new Widget(35, 312),
 new Widget(52, 32)
];
</code></pre>

Creating a .net like dictionary object in Javascript

我想在JavaScript中创建一个对象，它将值存储在键，值对中，我应该能够传递一些键，并且应该能够取回它的值。在.NET世界中，我们可以使用dictionary类来实现这一类。在JavaScript的世界里我们有什么选择吗？我使用的是ExtJs4.1，所以如果你知道ExtJs中的任何选项，那也可以。我已经尝试过这样的...

问在Javascript中创建一个类似.net的字典对象
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Javascript中创建一个类似.net的字典对象EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Javascript中创建一个类似.net的字典对象
EN