如何使用 JavaScript 解析嵌套数组中的 JSON 值

萨拉瓦南帕拉尼萨米

我有一个像下面提供的数组。现在我想通过循环获取“name”键的所有值。如何得到它?

我试过了。但我无法得到正确的结果

dangle=  [[{name:"jack",age:"20"}],
         [{name:"ram",age:"25"}], 
         [{name:"vishy",age:"45"}]]

我期待“杰克”、“公羊”、“黏糊糊的”。但它显示第一个索引值,如“jack”、“20”。下面附上我试过的代码。给我一个建议以获得正确的输出。谢谢

这是我的代码

for(i=0;i<dangle.length;i++)
{
   alert(dangle[i]);
}
尼克帕森斯

有很多方法可以迭代/循环数组。它使用for循环的一种常见方式for 循环可以有多种变体:

  • 标准for循环(循环数字,其中i每个数字是):

    for(let i = 0; i < dangle.length; i++) { // loop through the dangle array
      let arr = dangle[i]; // get each inner array from index `i`
      for(let j = 0; j < arr.length; j++) { // loop through the inner array
        console.log(arr[j].name); // print the name of each object
      }
    }
    

let dangle =  [[{name:"jack",age:"20"}], [{name:"ram",age:"25"}],[{name:"vishy",age:"45"}]];
        
for (let i = 0; i < dangle.length; i++) {
  let arr = dangle[i];
  for (let j = 0; j < arr.length; j++) {
    console.log(arr[j].name);
  }
}

  • for of循环(循环遍历数组元素,其中arr是元素):

    for(let arr of dangle) { // get each inner array in dangle (current inner array is referenced as arr)
      for(let obj of arr) { // loop through the contents in the current inner array, where obj is the contents
        console.log(obj.name); // print the name of the contents
      }
    }
    

let dangle =  [[{name:"jack",age:"20"}],[{name:"ram",age:"25"}],[{name:"vishy",age:"45"}]];
         
for(let arr of dangle) {
  for(let obj of arr) {
    console.log(obj.name);
  }
}

  • .forEach高阶函数(遍历数组元素,其中arr是每个数组中的元素)

    dangle.forEach(arr => arr.forEach(obj => {
      console.log(obj.name);
    }));
    

let dangle =  [[{name:"jack",age:"20"}],[{name:"ram",age:"25"}], [{name:"vishy",age:"45"}]];         

dangle.forEach(arr => arr.forEach(obj => { // loop through the outer array to access each inner array, loop through each inner array
  console.log(obj.name); // print the objects name retrieved from the inner array
}));

注意:在上面的例子中,我使用了 2 个循环。这样做的原因是因为您有一个二维数组(另一个数组中的数组)。这意味着外部 for 循环用于访问每个内部数组。然后内部 for 循环遍历每个内部数组中的元素(在您的情况下是对象)。由于每个内部数组中只有一个对象,因此可以删除内部 for 循环,您可以访问每个内部数组索引。但是,出于可扩展性和可维护性的目的,我使用了一个内部 for 循环,这样如果您确实有多个对象,这仍然可以工作0th

因此,您可以使用以下 for 循环之一来使用您的姓名填充空数组:

let names = [];
for(let arr of dangle) {
  for(let obj of arr) {
    names.push(obj.name); // add the name to the names array
  }
}

console.log(names);

let dangle=  [[{name:"jack",age:"20"}], [{name:"ram",age:"25"}], [{name:"vishy",age:"45"}]]

let names = [];
for(let arr of dangle) {
  for(let obj of arr) {
    names.push(obj.name); // add the name to the names array
  }
}

console.log(names);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Javascript / jQuery:通过嵌套数组中的值获取键

来自分类Dev

如何使用嵌套数组对象访问d3 json文件中的值

来自分类Dev

如何在Android上使用Json解析嵌套数组

来自分类Dev

Ramda:如何根据嵌套数组中的值进行过滤

来自分类Dev

使用JQuery解析JSON嵌套数组

来自分类Dev

如何使用嵌套数组将JSON解析为对象

来自分类Dev

使用javascript解析JSON并获取数组中的特定值

来自分类Dev

使用JSON Java检索嵌套数组值

来自分类Dev

JSON:使用jq编辑嵌套数组中的特定值

来自分类Dev

如何在mongoDB或Mongoose中更新嵌套数组的值

来自分类Dev

如何使用嵌套数组解析JSON并将特定属性传递给.NET Core中的视图?

来自分类Dev

在javascript中如何在具有嵌套数组的对象数组中查找值

来自分类Dev

从javascript中的嵌套数组获取uniq值的更快方法

来自分类Dev

javascript中来自graphql嵌套数组的不同值

来自分类Dev

如何在JavaScript中通过嵌套数组进行映射,然后检查嵌套数组的属性之一是否没有值?

来自分类Dev

Javascript或lodash:使用嵌套数组的值过滤对象数组

来自分类Dev

如何使用JavaScript从JSON数组获取JSON值

来自分类Dev

如何使用JSON.NET使用值的嵌套数组创建JSON字符串?

来自分类Dev

如何基于嵌套数组中的值返回对象?(Javascript)

来自分类Dev

如何从对象数组中的嵌套数组访问特定值?

来自分类Dev

使用VBA和JSON解析嵌套数组

来自分类Dev

在android中解析json嵌套数组

来自分类Dev

Java:更新 JSON 文件中嵌套数组节点的值

来自分类Dev

在 javascript 中,如何从 json 数据创建嵌套数组或对象?

来自分类Dev

使用可解码(嵌套数组)解析不同的 JSON

来自分类Dev

如何更新嵌套数组中的值?

来自分类Dev

如何使用 JavaScript 访问 JSON 数据中嵌套数组中的特定元素?

来自分类Dev

从javascript中的json访问嵌套数组键,值

来自分类Dev

如何根据元素值对嵌套数组中的值求和

Related 相关文章

  1. 1

    Javascript / jQuery:通过嵌套数组中的值获取键

  2. 2

    如何使用嵌套数组对象访问d3 json文件中的值

  3. 3

    如何在Android上使用Json解析嵌套数组

  4. 4

    Ramda:如何根据嵌套数组中的值进行过滤

  5. 5

    使用JQuery解析JSON嵌套数组

  6. 6

    如何使用嵌套数组将JSON解析为对象

  7. 7

    使用javascript解析JSON并获取数组中的特定值

  8. 8

    使用JSON Java检索嵌套数组值

  9. 9

    JSON:使用jq编辑嵌套数组中的特定值

  10. 10

    如何在mongoDB或Mongoose中更新嵌套数组的值

  11. 11

    如何使用嵌套数组解析JSON并将特定属性传递给.NET Core中的视图?

  12. 12

    在javascript中如何在具有嵌套数组的对象数组中查找值

  13. 13

    从javascript中的嵌套数组获取uniq值的更快方法

  14. 14

    javascript中来自graphql嵌套数组的不同值

  15. 15

    如何在JavaScript中通过嵌套数组进行映射,然后检查嵌套数组的属性之一是否没有值?

  16. 16

    Javascript或lodash:使用嵌套数组的值过滤对象数组

  17. 17

    如何使用JavaScript从JSON数组获取JSON值

  18. 18

    如何使用JSON.NET使用值的嵌套数组创建JSON字符串?

  19. 19

    如何基于嵌套数组中的值返回对象?(Javascript)

  20. 20

    如何从对象数组中的嵌套数组访问特定值?

  21. 21

    使用VBA和JSON解析嵌套数组

  22. 22

    在android中解析json嵌套数组

  23. 23

    Java:更新 JSON 文件中嵌套数组节点的值

  24. 24

    在 javascript 中,如何从 json 数据创建嵌套数组或对象?

  25. 25

    使用可解码(嵌套数组)解析不同的 JSON

  26. 26

    如何更新嵌套数组中的值?

  27. 27

    如何使用 JavaScript 访问 JSON 数据中嵌套数组中的特定元素?

  28. 28

    从javascript中的json访问嵌套数组键,值

  29. 29

    如何根据元素值对嵌套数组中的值求和

热门标签

归档