{"id":635,"date":"2018-12-21T15:23:36","date_gmt":"2018-12-21T07:23:36","guid":{"rendered":"https:\/\/wyxxt.org.cn\/?p=635"},"modified":"2023-12-04T17:07:33","modified_gmt":"2023-12-04T09:07:33","slug":"array-map%e3%80%81-object-values%e3%80%81-object-keys","status":"publish","type":"post","link":"https:\/\/wyxxt.org.cn\/?p=635","title":{"rendered":"Array.map\u3001 Object.values\u3001 Object.keys"},"content":{"rendered":"

\u4f7f\u7528Array.map\u3001Object.values\u3001Object.keys\u5904\u7406\u5bf9\u8c61\u4e2d\u6709\u5bf9\u8c61\uff0c\u6570\u7ec4\u4e2d\u6709\u5bf9\u8c61\u7684\u60c5\u51b5<\/h2>\n

\u5bf9\u8c61\u4e2d\u6709\u5bf9\u8c61<\/h3>\n
const list = {\n  \"1234567890\": {\n    id: \"1234567890\",\n    name: \"Nina Ricci\",\n  },\n  \"2345678901\": {\n    id: \"2345678901\",\n    name: \"Hello Kitty\",\n  },\n  \"3456789012\": {\n    id: \"3456789012\",\n    name: \"Pusheen the cat\",\n  },\n}\n<\/code><\/pre>\n
\u53d6\u5f97key\u7684\u6570\u7ec4\uff08\u9635\u5217\uff09<\/h4>\n
\u4f7f\u7528Object.keys<\/p>\n
const idList = Object.keys(list);\n\nidList \/\/ [\"1234567890\", \"2345678901\", \"3456789012\"]\n<\/code><\/pre>\n
\u53d6\u5f97value\u7684\u6570\u7ec4\uff08\u9635\u5217\uff09<\/h4>\n
    \n
  • \u4f7f\u7528Object.values\u53d6\u5f97\u8bef\u89e3\u7684value\u7ec4\u6210\u6570\u7ec4<\/li>\n
  • \u627f\u4e0a\uff0c\u4f7f\u7528Array.map\u5c06\u6570\u7ec4\u4e2d\u7684\u7279\u5b9a\u5c5e\u6027\u53d6\u51fa\u6765\uff0c\u7ec4\u6210\u65b0\u6570\u7ec4\u540e\u56de\u4f20<\/li>\n<\/ul>\n
    const nameList = Object.values(list).map(item => item.name);\nnameList \/\/ [\"Nina Ricci\", \"Hello Kitty\", \"Pusheen the cat\"]\n<\/code><\/pre>\n
    \u6570\u7ec4\u4e2d\u6709\u5bf9\u8c611<\/h3>\n
    const list = [\n  {\n    id: \"1234567890\",\n    name: \"Nina Ricci\",\n  },\n  {\n    id: \"2345678901\",\n    name: \"Hello Kitty\",\n  },\n  {\n    id: \"3456789012\",\n    name: \"Pusheen the cat\",\n  },\n];\n\n<\/code><\/pre>\n
    \u53d6\u5f97\u7279\u6027\u5c5e\u6027\u7684\u6570\u7ec4<\/h4>\n
    \u53d6\u5f97id<\/h5>\n
      \n
    • \u4f7f\u7528Array.map\u8fed\u4ee3\u6570\u7ec4\uff0c\u5e76\u5c06callback\u4e2d\u7684\u6267\u884c\u7ed3\u679c\u7ec4\u6210\u65b0\u9635\u5217\u540e\u56de\u4f20<\/li>\n
    • \u627f\u4e0a\uff0c\u5728\u8fed\u4ee3\u6570\u7ec4\u8fc7\u7a0b\u4e2d\uff0c\u4f7f\u7528Object.values\u53d6\u5f97\u7b2c\u4e00\u4e2a\u5c5e\u6027\u503c\uff0c\u4e5f\u5c31\u662fid\u503c<\/li>\n<\/ul>\n
      const idList = list.map(item => Object.values(item)[0]);\n\ncosnt idList = list.map(item => item['id']);\nidList \/\/ [\"1234567890\", \"2345678901\", \"3456789012\"]\n\n<\/code><\/pre>\n
      \u53d6\u5f97name<\/h5>\n
      const nameList = list.map(item => Object.value(item)[1]);\nnameList \/\/ [\"Nina Ricci\", \"Hello Kitty\", \"Pusheen the cat\"]\n<\/code><\/pre>\n
      \u6570\u7ec4\u4e2d\u6709\u5bf9\u8c612<\/h3>\n
      const list = [\n  {\n    \"1234567890\": \"Nina Ricci\",\n  },\n  {\n    \"2345678901\": \"Hello Kitty\",\n  },\n  {\n    \"3456789012\": \"Pusheen the cat\",\n  },\n]\n<\/code><\/pre>\n
      \u53d6\u5f97key\u7684\u6570\u7ec4<\/h4>\n
      const idList = list.map(item => Object.keys(item)[0]);\nidList \/\/ [\"1234567890\", \"2345678901\", \"3456789012\"]\n<\/code><\/pre>\n
      \u53d6\u5f97value\u7684\u6570\u7ec4<\/h4>\n
      const nameList = list.map(item => Object.values(item)[0]);\nnameList \/\/ [\"Nina Ricci\", \"Hello Kitty\", \"Pusheen the cat\"]\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
      \u4f7f\u7528Array.map\u3001Object.values\u3001Object.keys\u5904\u7406\u5bf9\u8c61\u4e2d\u6709\u5bf9\u8c61\uff0c\u6570\u7ec4\u4e2d\u6709\u5bf9\u8c61\u7684\u60c5\u51b5 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[15],"tags":[411],"class_list":["post-635","post","type-post","status-publish","format-standard","hentry","category-15","tag-js"],"_links":{"self":[{"href":"https:\/\/wyxxt.org.cn\/index.php?rest_route=\/wp\/v2\/posts\/635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wyxxt.org.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wyxxt.org.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wyxxt.org.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wyxxt.org.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=635"}],"version-history":[{"count":4,"href":"https:\/\/wyxxt.org.cn\/index.php?rest_route=\/wp\/v2\/posts\/635\/revisions"}],"predecessor-version":[{"id":677,"href":"https:\/\/wyxxt.org.cn\/index.php?rest_route=\/wp\/v2\/posts\/635\/revisions\/677"}],"wp:attachment":[{"href":"https:\/\/wyxxt.org.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wyxxt.org.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=635"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wyxxt.org.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}