在 Javascript中从国家缩写中获取完整的国家名称

所以我有一个国家名称数组缩写试图获取并显示一个对象中的完整国家名称。

所以我有一个国家名称数组缩写试图获取并显示一个对象中的完整国家名称。

const countries = [
 {
   name:'Argentina',
   border:["NGA", "PAK","CHN"],
 },
 {
   name:'China',
   border:["ARG", "PAK"],
 },
 {
   name:'Nigeria',
   border:['PAK', 'CHN'],
 },
 {
   name:'Pakistan',
   border:['NGA', 'ARG'],
 },
]

所以如果我访问数组的第一个索引,名称是阿根廷和 nga,pak 和 chn 的边界

const country = countries.find((con) => con.name === "Argentina");
console.log(country.border);
});

所以我只在控制台中看到 Abbr 值,就像预期的那样

[NGA, PAK, CHN]

但我真的想要这样的东西

[Nigeria, Pakistan, China]

那么,我如何使用提供的对象将国家的 fullName 记录到控制台,因为已经想到并想到了一种方法来做到这一点,但我只是没有得到这个想法data-URL-link

2

您可以首先创建一个dict作为

fetch("https://restcountries.eu/rest/v2/all")
  .then((res) => res.json())
  .then((data) => {
    const dict = data.reduce((acc, curr) => {
      acc[curr.alpha3Code] = curr.name;
      return acc;
    }, {});
    console.log(dict);
  });
/* This is not a part of answer. It is just to give the output fill height. So IGNORE IT */
.as-console-wrapper { max-height: 100% !important; top: 0; }
const dict = {
  NGA: "Nigeria",
  PAK: "Pakistan",
  CHN: "China",
  ARG: "Argentina",
};
const countries = [
  {
    name: "Argentina",
    border: ["NGA", "PAK", "CHN"],
  },
  {
    name: "China",
    border: ["ARG", "PAK"],
  },
  {
    name: "Nigeria",
    border: ["PAK", "CHN"],
  },
  {
    name: "Pakistan",
    border: ["NGA", "ARG"],
  },
];
const result = countries.map((o) => dict[o.border[0]]);
console.log(result);
1

您可以通过将 abbrs 更改为全名的函数来映射结果。

const countries = [
 {
   name:'Argentina',
   border:["NGA", "PAK","CHN"],
 },
 {
   name:'China',
   border:["ARG", "PAK"],
 },
 {
   name:'Nigeria',
   border:['PAK', 'CHN'],
 },
 {
   name:'Pakistan',
   border:['NGA', 'ARG'],
 },
]
const abrRefrence = {
  CHN: "China",
  PAK: "Pakistan",
  NGA: "Nigeria",
  ARG: "Argentina",
}
const abrToFull = abr => abrRefrence[abr];
const country = countries.find(con => con.name === "Argentina");
console.log(country.border.map(abrToFull));

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(120)
从Java应用程序即时打开PDF文件
上一篇
如何在Mac上使用AVFoundation将图片编码为H264 而不是使用 x264
下一篇

相关推荐

  • javascript交互效果:使用JavaScript轻松实现交互效果

    JavaScript交互效果是指,当用户与网页进行交互时,网页会有相应的反应,以及动态效果。例如:鼠标移动到一个元素上,元素就会改变颜色;点击某个按钮,网页就会显示新的内容;滚动页面,某个元素就会固定在页面上,等等。…

    2023-05-07 12:38:50
    0 67 60
  • javascript 替换字符串 Hello JavaScript

    JavaScript 替换字符串可以使用 String.prototype.replace() 方法来实现。该方法接受两个参数,第一个参数是要被替换的子字符串,第二个参数是用来替换的字符串。…

    2023-05-03 03:39:37
    0 70 96
  • javascript 正则表达式 在线 John Smith

    JavaScript 正则表达式在线是一种用于搜索和替换文本的强大工具。它们可以用来验证文本,查找特定的字符串,替换文本,或者用于数据提取等等。…

    2023-05-12 14:25:27
    0 88 90
  • javascript垃圾回收机制如何优化内存使用

    JavaScript垃圾回收机制是一种自动内存管理机制,它可以帮助开发人员释放不再使用的内存。它可以跟踪变量和对象,并在不再需要时自动释放内存。…

    2023-04-30 03:43:42
    0 26 34
  • javascript的输出语句:使用JavaScript输出结果

    JavaScript的输出语句是指在网页中显示文本或其他内容的语句,常用的输出语句有document.write()、window.alert()和console.log()。…

    2023-02-09 10:17:17
    0 12 24
  • javascript注释方法:如何使用 JavaScript 注释

    示例示例注释方法有两种:单行注释和多行注释。单行注释:在要注释的代码行前加上“//”,它可以注释掉一行或者一部分代码,其代码示例如下:…

    2023-03-11 10:17:25
    0 67 73
  • javascript时钟:时钟转动,生活不断变化

    示例示例时钟是一种可以在网页中显示当前时间的功能,它可以使用来实现。下面是一个简单的时钟的示例代码:…

    2023-04-24 04:21:30
    0 32 42
  • javascript前端框架:使用Vue.js构建卓越的Web应用

    javascript前端框架是指以javascript为基础的一种用于开发Web应用程序的框架。它提供了一种结构化的方式,使开发者可以快速地构建动态网页应用程序。…

    2023-04-29 06:48:41
    0 31 13

发表评论

登录 后才能评论

评论列表(59条)