blocks|key|289183|text|在任何地方都没有内置的方法可以做到这一点。以下代码按照您的建议执行，并可能根据您的库“缩短”为更巧妙的函数式编程版本，但它们都具有相同的效率。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|289184|function+valuesToArray(obj)+{
++++var+result+=+[];
++++for+(var+key+in+obj)+{
+++++++if+(obj.hasOwnProperty(key))+{
+++++++++++result.push(obj[key]);
+++++++}
++++}
++++return+result;
}|code-block|syntax|javascript|289185|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|$]]

There's no built-in way to do this anywhere. The following does what you suggest, and may be "shortened" into more clever functional-programming versions depending on your library, but they'll all have the same efficiency.

<pre><code>function valuesToArray(obj) {
 var result = [];
 for (var key in obj) {
 if (obj.hasOwnProperty(key)) {
 result.push(obj[key]);
 }
 }
 return result;
}
</code></pre>

blocks|key|3000697|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3000698|var+obj+=+{+++++"Mike":+24,+++++"Peter":+23,+++++"Simon":+33,+++++"Tom":+12,+++++"Frank":+31+}+;
++++var+arr+=+[]
++++for(var+a+in+obj)
++++{
++++++++var+val+=+obj[a];
++++++++arr.push(val);
++++}
alert(arr.length)|code-block|syntax|javascript|3000699|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 this:

<pre><code>var obj = { "Mike": 24, "Peter": 23, "Simon": 33, "Tom": 12, "Frank": 31 } ;
 var arr = []
 for(var a in obj)
 {
 var val = obj[a];
 arr.push(val);
 }
alert(arr.length)
</code></pre>

blocks|key|285826|text|有些库可以做到这一点(比如prototype的"+values“函数)，但它们实际上只是一个函数的包装器，该函数循环并返回对象的值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|285827|http://www.prototypejs.org/api/object/values|offset|length|285828|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|18|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Some libraries have something to do this (such as prototype's "values" function), but they're really just wrappers around a function that loops over and returns the values of the object.

<a href="http://www.prototypejs.org/api/object/values" rel="nofollow">http://www.prototypejs.org/api/object/values</a>

blocks|key|283625|text|最明显的方法是像@quixoto建议的那样执行一个for-in循环，但这只是为了记录，而且由于您正在寻找一种内置方法，您可以将latest+browsers上提供的新ECMAScript+5方法Object.keys和Array.prototype.map配对|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|283626|function+valuesToArray(obj)+{
++return+Object.keys(obj).map(function+(key)+{+return+obj[key];+});
}|code-block|syntax|javascript|283627|UPDATE：ES2017引入了Object.values方法，它可以做您想要的事情。|BOLD|283628|此外，ES2017还添加了另一个常用的方法Object.entries。此方法返回一个键-值对数组。|283629|​|283630|const+obj+=+{
++++"Mike":+24,
++++"Peter":+23,
++++"Simon":+33,
++++"Tom":+12,
++++"Frank":+31
};

const+values+=+Object.values(obj);
const+entries+=+Object.entries(obj);
console.log('values:',+values);
console.log('entries:',+entries);|283631|283632|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/4607991/javascript-transform-object-into-array/4608021#4608021|1|http://kangax.github.com/es5-compat-table/|2|https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/keys|3|https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/map|4|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values|5|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/entries^0|2P|B|8|8|0|1R|F|1|2P|B|2|31|J|3|0|0|0|6|G|D|G|D|4|0|L|E|L|E|5|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@$9|1D|A|1E|B|C]]|D|@$9|1F|A|1G|1|1H]|$9|1I|A|1J|1|1K]|$9|1L|A|1M|1|1N]|$9|1O|A|1P|1|1Q]]|E|$]]|$1|F|3|G|5|H|7|1R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1S|8|@$9|1T|A|1U|B|M]|$9|1V|A|1W|B|C]]|D|@$9|1X|A|1Y|1|1Z]]|E|$]]|$1|N|3|O|5|6|7|20|8|@$9|21|A|22|B|C]]|D|@$9|23|A|24|1|25]]|E|$]]|$1|P|3|Q|5|6|7|26|8|@]|D|@]|E|$]]|$1|R|3|S|5|H|7|27|8|@]|D|@]|E|$I|J]]|$1|T|3|Q|5|6|7|28|8|@]|D|@]|E|$]]|$1|U|3|-4|5|6|7|29|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]|12|$5|X|Y|Z|E|$10|13]]|14|$5|X|Y|Z|E|$10|15]]|16|$5|X|Y|Z|E|$10|17]]|18|$5|X|Y|Z|E|$10|19]]|1A|$5|X|Y|Z|E|$10|1B]]]]

The obvious way would be to do a for-in loop, as <a href="https://stackoverflow.com/questions/4607991/javascript-transform-object-into-array/4608021#4608021">@quixoto</a> suggests, but just for the record, and since you are looking for a built-in way, you could pair the new ECMAScript 5 methods <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/keys" rel="noreferrer"><code>Object.keys</code></a> and <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/map" rel="noreferrer">Array.prototype.map</a>, available on <a href="http://kangax.github.com/es5-compat-table/" rel="noreferrer">latest browsers</a>:

<pre><code>function valuesToArray(obj) {
 return Object.keys(obj).map(function (key) { return obj[key]; });
}
</code></pre>

UPDATE: ES2017 introduced the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values" rel="noreferrer"><code>Object.values</code></a> method, which does exactly what you want.

Additionally, ES2017 adds another often useful method, <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/entries" rel="noreferrer"><code>Object.entries</code></a>. This method returns an array of key-value pairs. 

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const obj = {
 "Mike": 24,
 "Peter": 23,
 "Simon": 33,
 "Tom": 12,
 "Frank": 31
};

const values = Object.values(obj);
const entries = Object.entries(obj);
console.log('values:', values);
console.log('entries:', entries);</code></pre>
</div>
</div>

blocks|key|289212|text|对于jQuery，您可以使用each函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|289213|var+obj+=+{
++++"Mike":+24,
++++"Peter":+23,
++++"Simon":+33,
++++"Tom":+12,
++++"Frank":+31
}

myArray=new+Array();
$.each(obj,+function(key,+value)+{+
++myArray.push(value);
});|code-block|syntax|javascript|289214|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|$]]

With jQuery you could use the each function:

<pre><code>var obj = {
 "Mike": 24,
 "Peter": 23,
 "Simon": 33,
 "Tom": 12,
 "Frank": 31
}

myArray=new Array();
$.each(obj, function(key, value) { 
 myArray.push(value);
});
</code></pre>

blocks|key|286793|text|张贴这篇文章完全是为了好玩。省省你的反对票吧。我并不是建议你实际使用它。;o)|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|286794|示例：+http://jsfiddle.net/WGpXX/|286795|var+arr+=+eval(+'['+%2B
++++JSON.stringify(obj)
++++.slice(1,-1)
++++.replace(/"[%5E"]%2B":/g,'')
++++%2B+']');|code-block|syntax|javascript|286796|从技术上讲，它在这个简单的情况下是有效的。|286797|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/WGpXX/^0|10|3|0|0|3|4|Q|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@$9|12|A|13|1|14]]|E|$]]|$1|H|3|I|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|16|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

Posting this strictly for fun. Save your downvotes. I'm not recommending it actually be used. ;o)

Example: <a href="http://jsfiddle.net/WGpXX/" rel="nofollow">http://jsfiddle.net/WGpXX/</a>

<pre><code>var arr = eval( '[' +
 JSON.stringify(obj)
 .slice(1,-1)
 .replace(/"[^"]+":/g,'')
 + ']');
</code></pre>

Technically works in this simple case.

blocks|key|3000802|text|使用bob.js可以非常简单地做到这一点：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3000803|function+valuesToArray(obj)+{
++++return+bob.collections.extensions.toArray.call(obj);
}|code-block|syntax|javascript|3000804|entityMap|0|LINK|mutability|MUTABLE|url|http://www.bobjs.com/^0|2|6|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

Using <a href="http://www.bobjs.com" rel="nofollow">bob.js</a> this can be done pretty simply:

<pre><code>function valuesToArray(obj) {
 return bob.collections.extensions.toArray.call(obj);
}
</code></pre>

blocks|key|3214148|text|使用下划线库try：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3214149|function+valuesToArray(o)+{
++++return+_.pairs(o);
}

var+obj+=+{
++++"Mike":+24,
++++"Peter":+23
++++//...
++++},
++++result+=+valuesToArray(obj);|code-block|syntax|javascript|3214150|然后结果是[+"Mike"，24，"Peter"，23+]；|3214151|有关pairs方法的更多详细信息，请单击此处：http://underscorejs.org/#pairs|offset|length|3214152|entityMap|0|LINK|mutability|MUTABLE|url|http://underscorejs.org/#pairs^0|0|0|0|N|U|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Using the Underscore lib try:

<pre><code>function valuesToArray(o) {
 return _.pairs(o);
}

var obj = {
 "Mike": 24,
 "Peter": 23
 //...
 },
 result = valuesToArray(obj);
</code></pre>

Then the result is [ ["Mike", 24], ["Peter", 23] ];

More detail on the pairs method here: <a href="http://underscorejs.org/#pairs" rel="nofollow">http://underscorejs.org/#pairs</a>

blocks|key|283651|text|使用Object.values它将返回数组。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|283652|Object.values(obj)+//+[24,+23,+33,+12,+31]|code-block|syntax|javascript|283653|entityMap^0|2|D|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Use Object.values it will return array.

<pre><code>Object.values(obj) // [24, 23, 33, 12, 31]
</code></pre>

I've got an object:

<pre><code>var obj = {
 "Mike": 24,
 "Peter": 23,
 "Simon": 33,
 "Tom": 12,
 "Frank": 31
};
</code></pre>

I want to create an array that holds the values of the object. The keys (key names) can be disregarded:

<pre><code>[24, 23, 33, 12, 31]
</code></pre>

The order of the values is NOT important! 

One solution (obviously) would be do have a function that takes the values and puts them into an array:

<pre><code>var arr = valuesToArray(obj); 
</code></pre>

I will accept such a function as the answer. However, I would be more pleased if there would be an API function (ECMAScript, jQuery, browser-specific, ...) that could do this. Is there such a thing?

JavaScript, transform object into array

jQuery

JSON

我有一个对象：var obj = {    "Mike": 24,    "Peter": 23,    "Simon": 33,    "Tom": 12,    "Frank": 31};我想创建一个保存对象值的数组。可以忽略密钥(密钥名称)：[24, 23, 33, 12, 31]值的顺序并不重要！一种解决方案(...

问JavaScript，将对象转换为数组
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript，将对象转换为数组EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript，将对象转换为数组
EN