blocks|key|323517|text|var+dataArray+=+[];
for(var+o+in+dataObject)+{
++++dataArray.push(dataObject[o]);
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|323518|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 dataArray = [];
for(var o in dataObject) {
 dataArray.push(dataObject[o]);
}
</code></pre>

blocks|key|3079335|text|假设您的dataObject是按照您指定的方式定义的，请执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3079336|var+dataArray+=+[];
for+(var+key+in+dataObject)
++++dataArray.push(dataObject[key]);|code-block|syntax|javascript|3079337|并最终使用内部对象填充dataArray。|3079338|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Assuming your dataObject is defined the way you specified, you do this:

<pre><code>var dataArray = [];
for (var key in dataObject)
 dataArray.push(dataObject[key]);
</code></pre>

And end up having dataArray populated with inner objects.

blocks|key|3292691|text|使用jQuery，你可以这样做-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3292692|var+dataArray+=+$.map(dataObject,function(v){
+++++return+v;
});|code-block|syntax|javascript|3292693|Demo|offset|length|3292694|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/CPM4M/1/^0|0|0|0|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

With jQuery, you can do it like this -

<pre><code>var dataArray = $.map(dataObject,function(v){
 return v;
});
</code></pre>

<a href="http://jsfiddle.net/CPM4M/1/" rel="noreferrer">Demo</a>

blocks|key|3079352|text|var+dataArray+=+Object.keys(dataObject).map(function(k){return+dataObject[k]});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3079353|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 dataArray = Object.keys(dataObject).map(function(k){return dataObject[k]});
</code></pre>

blocks|key|3292719|text|使用underscore|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3292720|var+dataArray+=+_.values(dataObject);|code-block|syntax|javascript|3292721|entityMap|0|LINK|mutability|MUTABLE|url|http://underscorejs.org/#values^0|2|A|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://underscorejs.org/#values">underscore</a>:

<pre><code>var dataArray = _.values(dataObject);
</code></pre>

blocks|key|323660|text|可能有点冗长，但健壮且快速|type|unstyled|depth|inlineStyleRanges|entityRanges|data|323661|var+result+=+[];
var+keys+=+Object.keys(myObject);
for+(var+i+=+0,+len+=+keys.length;+i+<+len;+i%2B%2B)+{
++++result.push(myObject[keys[i]]);
}|code-block|syntax|javascript|323662|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|$]]

Maybe a bit verbose, but robust and fast

<pre><code>var result = [];
var keys = Object.keys(myObject);
for (var i = 0, len = keys.length; i &lt; len; i++) {
 result.push(myObject[keys[i]]);
}
</code></pre>

blocks|key|325360|text|ES6版本：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|325361|var+dataArray+=+Object.keys(dataObject).map(val+=>+dataObject[val]);|code-block|syntax|javascript|325362|entityMap^0|0|6|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|$]]

ES6 version:

<pre class="lang-js prettyprint-override"><code>var dataArray = Object.keys(dataObject).map(val =&gt; dataObject[val]);
</code></pre>

blocks|key|3292773|text|以防您使用d3。您可以执行d3.values(dataObject)，它将提供|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3292774|​|3292775|📷|atomic|3292776|3292777|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/478879de2fd55ac487363dda1fc22243.png|imageAlt^0|D|L|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|K|3|G|5|6|7|12|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S|T|-4]]]]

In case you use d3. you can do <code>d3.values(dataObject)</code> which will give 

<a href="https://i.stack.imgur.com/cVBw4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cVBw4.png" alt="enter image description here"></a>

blocks|key|3292869|text|正在编辑和更新我的答案。其他的答案似乎与我的答案几乎是重叠的，但是，我想我之前已经有了另一个答案，并提供了一个替代方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3292870|我提出了这个问题的3个解决方案，基于以下几点：|3292871|3292872|Object.keys|unordered-list-item|3292873|Object.values|3292874|Object.entries|3292875|3292876|Objects.keys()解决方案：|3292877|let+keys+=+Object.keys(dataObject);+//+["object1",+"object2",+"object3"+];
let+keysToResult+=+keys.map(+e+=>+dataObject[e]+);+//+[{"id":1,"name":"Fred"},{"id":2,"name":"Wilma"},{"id":3,"name":"Pebbles"}]|code-block|syntax|javascript|3292878|Object.values解决方案：|3292879|let+values+=+Object.values(dataObject);+//+[{"id":1,"name":"Fred"},{"id":2,"name":"Wilma"},{"id":3,"name":"Pebbles"}]|3292880|Object.entries解决方案：|3292881|let+entries+=+Object.entries(dataObject);+//+[["object1",{"id":1,"name":"Fred"}],["object2",{"id":2,"name":Wilma"}],["object3",{"id":3,"name":"Pebbles"}]]
let+entriesToResult+=+entries.map(+([k,v])+=>+v+);+[{"id":1,"name":"Fred"},{"id":2,"name":"Wilma"},{"id":3,"name":"Pebbles"}]|3292882|这三种解决方案都有各自的特点。|3292883|Object.keys()返回一个结果不充分的数组。因此，我们使用Array.prototype.map来填充数组中的每个值，以接近我们想要的值。通常，我们可以将Object.keys()与map相结合，作为一种机制来定制我们想要的结果列表。|3292884|Object.values()很有趣，因为它丢弃了键，只返回结果。事实上，对于这个问题，这是完美的，因为答案不需要进一步的处理。|3292885|Object.entries()返回的内容比我们想要的要多，因为它同时返回键和值。我们需要使用map来定制结果。事实上，我们需要去掉多余的信息。|3292886|Object.keys()、Object.values()和Object.entries()都是非常有用的函数，这就是为什么我想展示这3个函数作为这个问题的解决方案的原因。根据您的特定用例，您可能会发现一种更适合解决问题的方法。|3292887|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|C|5|6|7|1E|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|1G|8|@]|9|@]|A|$]]|$1|H|3|I|5|G|7|1H|8|@]|9|@]|A|$]]|$1|J|3|K|5|G|7|1I|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1K|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|1L|8|@]|9|@]|A|$R|S]]|$1|T|3|U|5|6|7|1M|8|@]|9|@]|A|$]]|$1|V|3|W|5|Q|7|1N|8|@]|9|@]|A|$R|S]]|$1|X|3|Y|5|6|7|1O|8|@]|9|@]|A|$]]|$1|Z|3|10|5|Q|7|1P|8|@]|9|@]|A|$R|S]]|$1|11|3|12|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|13|3|14|5|6|7|1R|8|@]|9|@]|A|$]]|$1|15|3|16|5|6|7|1S|8|@]|9|@]|A|$]]|$1|17|3|18|5|6|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|$]]

[Editing and updating my answer. The other answers seem to overlap with mine pretty much, but, I thought I have another ago and provide an alternative].
I present 3 solutions to this problem, based on:
<ul>
<li>Object.keys</li>
<li>Object.values</li>
<li>Object.entries</li>
</ul>
Objects.keys() solution:
<pre class="lang-js prettyprint-override"><code>let keys = Object.keys(dataObject); // [&quot;object1&quot;, &quot;object2&quot;, &quot;object3&quot; ];
let keysToResult = keys.map( e =&gt; dataObject[e] ); // [{&quot;id&quot;:1,&quot;name&quot;:&quot;Fred&quot;},{&quot;id&quot;:2,&quot;name&quot;:&quot;Wilma&quot;},{&quot;id&quot;:3,&quot;name&quot;:&quot;Pebbles&quot;}]
</code></pre>
Object.values solution:
<pre><code>let values = Object.values(dataObject); // [{&quot;id&quot;:1,&quot;name&quot;:&quot;Fred&quot;},{&quot;id&quot;:2,&quot;name&quot;:&quot;Wilma&quot;},{&quot;id&quot;:3,&quot;name&quot;:&quot;Pebbles&quot;}]

</code></pre>
Object.entries solution:
<pre><code>let entries = Object.entries(dataObject); // [[&quot;object1&quot;,{&quot;id&quot;:1,&quot;name&quot;:&quot;Fred&quot;}],[&quot;object2&quot;,{&quot;id&quot;:2,&quot;name&quot;:Wilma&quot;}],[&quot;object3&quot;,{&quot;id&quot;:3,&quot;name&quot;:&quot;Pebbles&quot;}]]
let entriesToResult = entries.map( ([k,v]) =&gt; v ); [{&quot;id&quot;:1,&quot;name&quot;:&quot;Fred&quot;},{&quot;id&quot;:2,&quot;name&quot;:&quot;Wilma&quot;},{&quot;id&quot;:3,&quot;name&quot;:&quot;Pebbles&quot;}]
</code></pre>
All three solutions have their own features.
Object.keys() returns an array with insufficient result. So, we use Array.prototype.map to top up each value in the array to get close to what we want. In general, we can think of Object.keys() combined with map as a mechanism to customize our result list with what we want.
Object.values() is interesting since it discards the key and just returns the results only. In fact, for this problem, this is perfect since the answer requires no further processing.
Object.entries() returns more than what we want since it returns both keys and values. We need to use map to customize our result. In fact, we need to cut out the excess information.
Object.keys(), Object.values() and Object.entries() are all very useful functions which is why I wanted to show all 3 as a solution to this problem. Depending on your specific use case, you may find one to a better fit to solving your problem.

blocks|key|3079503|text|使用the+accepted+answer并知道Object.values()是在ECMAScript+2017+Draft中提出的，您可以使用以下方法扩展Object：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3079504|if(Object.values+==+null)+{
++++Object.values+=+function(obj)+{
++++++++var+arr,+o;
++++++++arr+=+new+Array();
++++++++for(o+in+obj)+{+arr.push(obj[o]);+}
++++++++return+arr;
++++}
}|code-block|syntax|javascript|3079505|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/1718777/how-might-i-extract-the-property-values-of-a-javascript-object-into-an-array/1718806#1718806|1|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/values|2|https://tc39.github.io/ecma262/#sec-object.values^0|2|J|0|O|F|1|15|L|2|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]|$A|Y|B|Z|1|10]|$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|15|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]|Q|$5|L|M|N|C|$O|R]]|S|$5|L|M|N|C|$O|T]]]]

Using <a href="https://stackoverflow.com/questions/1718777/how-might-i-extract-the-property-values-of-a-javascript-object-into-an-array/1718806#1718806">the accepted answer</a> and knowing that <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/values" rel="nofollow noreferrer">Object.values()</a> is proposed in <a href="https://tc39.github.io/ecma262/#sec-object.values" rel="nofollow noreferrer">ECMAScript 2017 Draft</a> you can extend Object with method:

<pre><code>if(Object.values == null) {
 Object.values = function(obj) {
 var arr, o;
 arr = new Array();
 for(o in obj) { arr.push(obj[o]); }
 return arr;
 }
}
</code></pre>

blocks|key|3079510|text|使用Object.values的ES2017|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3079511|​|3079512|const+dataObject+=+{
++++object1:+{
++++++++id:+1,
++++++++name:+"Fred"
++++},
++++object2:+{
++++++++id:+2,
++++++++name:+"Wilma"
++++},
++++object3:+{
++++++++id:+3,
++++++++name:+"Pebbles"
++++}
};

const+valuesOnly+=+Object.values(dataObject);

console.log(valuesOnly)|code-block|syntax|javascript|3079513|3079514|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/values^0|2|D|2|D|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|13|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|O|$P|$5|Q|R|S|E|$T|U]]]]

ES2017 using <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/values" rel="noreferrer"><code>Object.values</code></a>:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const dataObject = {
 object1: {
 id: 1,
 name: "Fred"
 },
 object2: {
 id: 2,
 name: "Wilma"
 },
 object3: {
 id: 3,
 name: "Pebbles"
 }
};

const valuesOnly = Object.values(dataObject);

console.log(valuesOnly)</code></pre>
</div>
</div>

blocks|key|3292942|text|现在支持Object.values()方法。这将为您提供一个对象的值数组。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3292943|Object.values(dataObject)|code-block|syntax|javascript|3292944|参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values|offset|length|3292945|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values^0|0|0|3|2M|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Object.values() method is now supported. This will give you an array of values of an object.

<pre><code>Object.values(dataObject)
</code></pre>

Refer: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values</a>

blocks|key|3292952|text|这个很适合我|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3292953|var+dataArray+=+Object.keys(dataObject).map(function(k){return+dataObject[k]});|code-block|syntax|javascript|3292954|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|$]]

This one worked for me

<pre><code>var dataArray = Object.keys(dataObject).map(function(k){return dataObject[k]});
</code></pre>

blocks|key|3079596|text|我更喜欢将对象值析构到数组中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3079597|[...Object.values(dataObject)]|offset|length|style|CODE|3079598|var+dataObject+=+{
+++object1:+{id:+1,+name:+"Fred"},+
+++object2:+{id:+2,+name:+"Wilma"},+
+++object3:+{id:+3,+name:+"Pebbles"}
};

var+dataArray+=+[...Object.values(dataObject)];|code-block|syntax|javascript|3079599|entityMap^0|0|0|U|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I prefer to destruct object values into array:
<code>[...Object.values(dataObject)]</code>
<pre class="lang-js prettyprint-override"><code>var dataObject = {
 object1: {id: 1, name: &quot;Fred&quot;}, 
 object2: {id: 2, name: &quot;Wilma&quot;}, 
 object3: {id: 3, name: &quot;Pebbles&quot;}
};

var dataArray = [...Object.values(dataObject)];
</code></pre>

Given a JavaScript object: 

<pre><code>var dataObject = {
 object1: {id: 1, name: "Fred"}, 
 object2: {id: 2, name: "Wilma"}, 
 object3: {id: 3, name: "Pebbles"}
};
</code></pre>

How do I efficiently extract the inner objects into an array? I do not need to maintain a handle on the object[n] IDs.

<pre><code>var dataArray = [
 {id: 1, name: "Fred"}, 
 {id: 2, name: "Wilma"}, 
 {id: 3, name: "Pebbles"}]
</code></pre>

How might I extract the property values of a JavaScript object into an array?

jQuery

给定一个JavaScript对象：var dataObject = {   object1: {id: 1, name: "Fred"},    object2: {id: 2, name: "Wilma"},    object3: {id: 3, name: "Pebbles"}};如何有效地将内部对象提取到数组中...

问如何将JavaScript对象的属性值提取到数组中？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将JavaScript对象的属性值提取到数组中？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将JavaScript对象的属性值提取到数组中？
EN