如何在Javascript中获得数组键?

我有一个用这个代码创build的数组:

var widthRange = new Array(); widthRange[46] = { min:0, max:52 }; widthRange[66] = { min:52, max:70 }; widthRange[90] = { min:70, max:94 }; 

我想要在循环中获取每个值46,66,90。 我试过for (var key in widthRange)但是这给了我一大堆额外的属性(我假设它们是对象上的函数)。 由于值不是顺序的,我不能使用常规循环。

您需要调用hasOwnProperty函数来检查该属性是否实际上是在对象本身(而不是其原型)上定义的,如下所示:

 for (var key in widthRange) { if (key === 'length' || !widthRange.hasOwnProperty(key)) continue; var value = widthRange[key]; } 

请注意,您需要单独检查length
但是,你不应该在这里使用数组; 你应该使用一个常规的对象。 所有的Javascript对象作为关联数组。

例如:

 var widthRange = { }; //Or new Object() widthRange[46] = { sel:46, min:0, max:52 }; widthRange[66] = { sel:66, min:52, max:70 }; widthRange[90] = { sel:90, min:70, max:94 }; 

string化的键可以用Object.keys(array)查询。

如果你正在做任何types的数组/操作或检查,我强烈推荐使用Underscore.js 。 这是小的,经过充分testing,并会节省你天/星期/年的JavaScript头痛。 这里是它的关键function:

按键

检索对象属性的所有名称。

 _.keys({one : 1, two : 2, three : 3}); => ["one", "two", "three"] 
 for (var i = 0; i < widthRange.length; ++i) { if (widthRange[i] != null) { // do something } } 

你不能真正得到你设置的键,因为这不是一个数组的工作方式。 一旦你设置了元素46,你也有0到45集(尽pipe它们是null)。

你总是可以有两个数组:

 var widthRange = [], widths = [], newVal = function(n) { widths.push(n); return n; }; widthRange[newVal(26)] = { whatever: "hello there" }; for (var i = 0; i < widths.length; ++i) { doSomething(widthRange[widths[i]]); } 

编辑得好,可能是我在这里都湿了…

假设你的数组看起来像arr = [ { a: 1, b: 2, c: 3 }, { a: 4, b: 5, c: 6 }, { a: 7, b: 8, c: 9 } ] (或可能的其他键),你可以做的

 arr.map((o) => { return Object.keys(o) }).reduce((prev, curr) => { return prev.concat(curr) }).filter((col, i, array) => { return array.indexOf(col) === i }); 

["a", "b", "c"]

你原来的例子对我来说工作得很好:

 <html> <head> </head> <body> <script> var widthRange = new Array(); widthRange[46] = { sel:46, min:0, max:52 }; widthRange[66] = { sel:66, min:52, max:70 }; widthRange[90] = { sel:90, min:70, max:94 }; var i = 1; for (var key in widthRange) { document.write("Key #" + i + " = " + key + "; &nbsp;&nbsp;&nbsp; min/max = " + widthRange[key].min + "/" + widthRange[key].max + "<br />"); i++; } </script> </html> 

浏览器中的结果(Windows XP上的Firefox 3.6.2):

 Key #1 = 46; min/max = 0/52 Key #2 = 66; min/max = 52/70 Key #3 = 90; min/max = 70/94 

我认为你应该使用一个对象( {} )而不是一个数组(())。

一组数据与每个键相关联。 它尖叫着使用一个对象。 做:

 var obj = {}; obj[46] = { sel:46, min:0, max:52 }; obj[666] = { whatever:true }; // This is what for..in is for for (var prop in obj) { console.log(obj[prop]); } 

也许这样的一些实用工具可以帮助:

 window.WidthRange = (function () { var obj = {}; return { getObj: function () {return obj;} , add: function (key, data) { obj[key] = data; return this; // enabling chaining } } })(); // Usage (using chaining calls): WidthRange.add(66, {foo: true}) .add(67, {bar: false}) .add(69, {baz: 'maybe', bork:'absolutely'}); var obj = WidthRange.getObj(); for (var prop in obj) { console.log(obj[prop]); } 
 widthRange.map(function(_, i) { return i }); 

要么

 widthRange.map((_, i) => i); 

似乎工作。

 var widthRange = new Array(); widthRange[46] = { sel:46, min:0, max:52 }; widthRange[66] = { sel:66, min:52, max:70 }; widthRange[90] = { sel:90, min:70, max:94 }; for (var key in widthRange) { document.write(widthRange[key].sel + "<br />"); document.write(widthRange[key].min + "<br />"); document.write(widthRange[key].max + "<br />"); } 

我写了一个函数适用于每个对象的实例(arrays是那些)。

 Object.prototype.toArray = function() { if(!this) { return null; } var c = []; for (var key in this) { if ( ( this instanceof Array && this.constructor === Array && key === 'length' ) || !this.hasOwnProperty(key) ) { continue; } c.push(this[key]); } return c; }; 

用法:

 var a = [ 1, 2, 3 ]; a[11] = 4; a["js"] = 5; console.log(a.toArray()); var b = { one: 1, two: 2, three: 3, f: function() { return 4; }, five: 5 }; b[7] = 7; console.log(b.toArray()); 

输出:

 > [ 1, 2, 3, 4, 5 ] > [ 7, 1, 2, 3, function () { return 4; }, 5 ] 

这可能对任何人都有用。

…?

或者,如果您有要使用的项目列表…

 var range = [46, 66, 90] , widthRange=[] , write=[]; widthRange[46] = { min:0, max:52 }; widthRange[66] = { min:52, max:70 }; widthRange[90] = { min:70, max:94 }; for(var x=0; x<range.length; x++){var key, wr; key = range[x]; wr = widthRange[key] || false; if(wr===false){continue;} write.push(['key: #',key, ', min: ', wr.min, 'max:', wr.max].join('')); }