entityMap|blocks|key|9fb9o|text|您可以直接使用id属性：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|304b9|​|8sm16|const
++++movies+=+{+1:+{+id:+1,+name:+'Planet+Earth'+},+2:+{+id:+2,+name:+'Selma'+},+3:+{+id:+3,+name:+'Million+Dollar+Baby'+},+4:+{+id:+4,+name:+'Forrest+Gump'+},+5:+{+id:+5,+name:+'Get+Out'+}+},
++++moviesArray+=+Object.values(movies),
++++idArray+=+moviesArray.map(movie+=>+movie.id);

console.log(idArray);|code-block|syntax|javascript|e0jd6|7h5t6^0|7|2|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|P|9|@$A|Q|B|R|C|D]]|E|@]|F|$]]|$2|G|4|H|6|7|8|S|9|@]|E|@]|F|$]]|$2|I|4|J|6|K|8|T|9|@]|E|@]|F|$L|M]]|$2|N|4|H|6|7|8|U|9|@]|E|@]|F|$]]|$2|O|4|-4|6|7|8|V|9|@]|E|@]|F|$]]]]

<p>You could use the <code>id</code> property directly:</p>

<p><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
    movies = { 1: { id: 1, name: 'Planet Earth' }, 2: { id: 2, name: 'Selma' }, 3: { id: 3, name: 'Million Dollar Baby' }, 4: { id: 4, name: 'Forrest Gump' }, 5: { id: 5, name: 'Get Out' } },
    moviesArray = Object.values(movies),
    idArray = moviesArray.map(movie =&gt; movie.id);

console.log(idArray);</code></pre>
</div>
</div>
</p>


entityMap|blocks|key|3kcg8|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|f592d|const+movies+=+{
++1:+{
++++id:+1,
++++name:+'Planet+Earth',
++},
++2:+{
++++id:+2,
++++name:+'Selma',
++},
++3:+{
++++id:+3,
++++name:+'Million+Dollar+Baby',
++},
++4:+{
++++id:+4,
++++name:+'Forrest+Gump',
++},
++5:+{
++++id:+5,
++++name:+'Get+Out',
++},
};

const+moviesArray+=+Object.values(movies);
const+idArray+=+moviesArray.map(movie+=>+movie.id);
console.log(idArray);|code-block|syntax|javascript|8r0eo|bsolb^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|J|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|K|9|@]|A|@]|B|$F|G]]|$2|H|4|5|6|7|8|L|9|@]|A|@]|B|$]]|$2|I|4|-4|6|7|8|M|9|@]|A|@]|B|$]]]]

<p><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 movies = {
  1: {
    id: 1,
    name: 'Planet Earth',
  },
  2: {
    id: 2,
    name: 'Selma',
  },
  3: {
    id: 3,
    name: 'Million Dollar Baby',
  },
  4: {
    id: 4,
    name: 'Forrest Gump',
  },
  5: {
    id: 5,
    name: 'Get Out',
  },
};

const moviesArray = Object.values(movies);
const idArray = moviesArray.map(movie =&gt; movie.id);
console.log(idArray);</code></pre>
</div>
</div>
</p>


entityMap|blocks|key|31kfi|text|我认为这里没有必要在map部分中使用Object.values。如果没有它，一切都是一样的：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|61tgh|​|cv5mr|const+movies+=+{
++1:+{
++++id:+1,
++++name:+'Planet+Earth',
++},
++2:+{
++++id:+2,
++++name:+'Selma',
++},
++3:+{
++++id:+3,
++++name:+'Million+Dollar+Baby',
++},
++4:+{
++++id:+4,
++++name:+'Forrest+Gump',
++},
++5:+{
++++id:+5,
++++name:+'Get+Out',
++},
};
const+moviesArray+=+Object.values(movies);
++++const+idArray+=+moviesArray.map(movie+=>+movie);
++++console.log(moviesArray);|code-block|syntax|javascript|3dout|7v1ps^0|A|3|I|D|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|P|9|@$A|Q|B|R|C|D]|$A|S|B|T|C|D]]|E|@]|F|$]]|$2|G|4|H|6|7|8|U|9|@]|E|@]|F|$]]|$2|I|4|J|6|K|8|V|9|@]|E|@]|F|$L|M]]|$2|N|4|H|6|7|8|W|9|@]|E|@]|F|$]]|$2|O|4|-4|6|7|8|X|9|@]|E|@]|F|$]]]]

<p>I think there wasn't a need for using <code>Object.values</code> in the <code>map</code> part here. It would have been same without it:</p>

<p><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 movies = {
  1: {
    id: 1,
    name: 'Planet Earth',
  },
  2: {
    id: 2,
    name: 'Selma',
  },
  3: {
    id: 3,
    name: 'Million Dollar Baby',
  },
  4: {
    id: 4,
    name: 'Forrest Gump',
  },
  5: {
    id: 5,
    name: 'Get Out',
  },
};
const moviesArray = Object.values(movies);
    const idArray = moviesArray.map(movie =&gt; movie);
    console.log(moviesArray);</code></pre>
</div>
</div>
</p>


entityMap|blocks|key|6ket5|text|也许你可以选择更多的核心版本。在我的解决方案中，循环将只运行一次。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|8nsch|​|ebe4k|const+movies+=+{
++1:+{
++++id:+1,
++++name:+'Planet+Earth',
++},
++2:+{
++++id:+2,
++++name:+'Selma',
++},
++3:+{
++++id:+3,
++++name:+'Million+Dollar+Baby',
++},
++4:+{
++++id:+4,
++++name:+'Forrest+Gump',
++},
++5:+{
++++id:+5,
++++name:+'Get+Out',
++},
};


const+idArray+=+[];
for+(let+i+in+movies)+{
	idArray.push(movies[i].id);
}

console.log(idArray);|code-block|syntax|javascript|8120b|54c0u^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|L|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|M|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|N|9|@]|A|@]|B|$H|I]]|$2|J|4|D|6|7|8|O|9|@]|A|@]|B|$]]|$2|K|4|-4|6|7|8|P|9|@]|A|@]|B|$]]]]

<p>May be you can go with more core version.
In my solution the loop will be running only once.</p>

<p><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 movies = {
  1: {
    id: 1,
    name: 'Planet Earth',
  },
  2: {
    id: 2,
    name: 'Selma',
  },
  3: {
    id: 3,
    name: 'Million Dollar Baby',
  },
  4: {
    id: 4,
    name: 'Forrest Gump',
  },
  5: {
    id: 5,
    name: 'Get Out',
  },
};


const idArray = [];
for (let i in movies) {
	idArray.push(movies[i].id);
}

console.log(idArray);</code></pre>
</div>
</div>
</p>


entityMap|blocks|key|5mi2r|text|在这种情况下，我更倾向于使用movie+=>+movie.id作为映射器函数，而不是movie+=>+Object.values(movie)[0]。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|29eol|当前函数的问题是，它假设id总是Object.values返回的数组中的第一个属性。对于您当前编写的函数，这恰好是真的，但我不确定在一般情况下您是否一定能保证这一点。即使属性的顺序不同，直接引用movie.id也是有效的。它也应该更快一点，因为你不必每次都把eaxh单个对象转换成一个数组。|aj14r^0|E|H|16|W|0|C|2|G|D|2P|8|0^^$0|$]|1|@$2|3|4|5|6|7|8|J|9|@$A|K|B|L|C|D]|$A|M|B|N|C|D]]|E|@]|F|$]]|$2|G|4|H|6|7|8|O|9|@$A|P|B|Q|C|D]|$A|R|B|S|C|D]|$A|T|B|U|C|D]]|E|@]|F|$]]|$2|I|4|-4|6|7|8|V|9|@]|E|@]|F|$]]]]

<p>I this case, I'd be more inclined to use <code>movie =&gt; movie.id</code> as your mapper function, rather than <code>movie =&gt; Object.values(movie)[0]</code>.</p>

<p>The issue with your current function is that it assumes <code>id</code> will always happen to be the first property in the Array returned by <code>Object.values</code>. That happens to be true with your current function as written, but I'm not sure you can necessarily guarantee that in the general case. Directly referencing <code>movie.id</code>works even if the properties come in a different order. It should also be a bit faster, since you don't have to convert eaxh individual object to an Array each time.</p>


<p>I have the following object:</p>

<pre class="lang-js prettyprint-override"><code>const movies = {
  1: {
    id: 1,
    name: 'Planet Earth',
  },
  2: {
    id: 2,
    name: 'Selma',
  },
  3: {
    id: 3,
    name: 'Million Dollar Baby',
  },
  4: {
    id: 4,
    name: 'Forrest Gump',
  },
  5: {
    id: 5,
    name: 'Get Out',
  },
};
</code></pre>

<p>Then I want an array with only the property id. To do so I've tried something like:</p>

<pre class="lang-js prettyprint-override"><code>const moviesArray = Object.values(movies);
const idArray = moviesArray.map(movie =&gt; Object.values(movie)[0]);
console.log(idArray);
</code></pre>

<p>It prints <code>idArray</code> properly but my question is if am I missing a method to solve this problem.  </p>


JavaScript objects property to array

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

 我有以下对象： const movies = {  1: {    id: 1,    name: 'Planet Earth',  },  2: {    id: 2,    name: 'Selma',  },  3: {    id: 3,    name: 'Million Dollar Baby',  },...

问JavaScript对象属性设置为数组
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript对象属性设置为数组EN