console.log JSON 数组 - JavaScript

在 JavaScript 中，使用 console.log() 方法可以输出各种数据类型的结果，包括对象、字符串、数字等等。JSON 数组也可以通过 console.log() 输出，本文将介绍如何在 JavaScript 中使用 console.log() 打印 JSON 数组。

JSON 数组的定义

JSON 数组是由一组 JSON 对象组成的有序集合。其中的每个 JSON 对象都可以包含一个或多个属性。JSON 数组使用方括号 [] 包裹起来，每个 JSON 对象之间使用逗号 , 分隔。

[
  {
    "name": "张三",
    "age": 22,
    "gender": "男"
  },
  {
    "name": "李四",
    "age": 25,
    "gender": "女"
  },
  {
    "name": "王五",
    "age": 28,
    "gender": "男"
  }
]

打印 JSON 数组

打印 JSON 数组非常简单，只需要将 JSON 数组作为参数传递给 console.log() 方法即可。

例如，将上面的 JSON 数组作为参数传递给 console.log()，代码如下：

const arr = [
  {
    "name": "张三",
    "age": 22,
    "gender": "男"
  },
  {
    "name": "李四",
    "age": 25,
    "gender": "女"
  },
  {
    "name": "王五",
    "age": 28,
    "gender": "男"
  }
];

console.log(arr);

执行以上代码，输出结果如下：

[ 
  { name: '张三', age: 22, gender: '男' },
  { name: '李四', age: 25, gender: '女' },
  { name: '王五', age: 28, gender: '男' } 
]

打印每个 JSON 对象

如果要单独打印 JSON 数组中的每个 JSON 对象，可以使用 Array.prototype.forEach() 方法遍历数组，再将每个 JSON 对象作为参数传递给 console.log() 方法。

例如，打印上面 JSON 数组中的第一个 JSON 对象，代码如下：

const arr = [
  {
    "name": "张三",
    "age": 22,
    "gender": "男"
  },
  {
    "name": "李四",
    "age": 25,
    "gender": "女"
  },
  {
    "name": "王五",
    "age": 28,
    "gender": "男"
  }
];

console.log(arr[0]);

执行以上代码，输出结果如下：

{ name: '张三', age: 22, gender: '男' }

遍历打印 JSON 数组中的所有 JSON 对象，代码如下：

const arr = [
  {
    "name": "张三",
    "age": 22,
    "gender": "男"
  },
  {
    "name": "李四",
    "age": 25,
    "gender": "女"
  },
  {
    "name": "王五",
    "age": 28,
    "gender": "男"
  }
];

arr.forEach((obj, index) => {
    console.log(`第 ${index + 1} 个人信息：`, obj);
});

执行以上代码，输出结果如下：

第 1 个人信息： { name: '张三', age: 22, gender: '男' }
第 2 个人信息： { name: '李四', age: 25, gender: '女' }
第 3 个人信息： { name: '王五', age: 28, gender: '男' }

打印 JSON 对象的属性值

如果想单独打印 JSON 对象的某个属性值，可以通过 JSON 对象的属性名直接访问该属性值，再将其作为参数传递给 console.log() 方法。

例如，打印上面 JSON 数组中的第一个 JSON 对象的 name 属性值，代码如下：

const arr = [
  {
    "name": "张三",
    "age": 22,
    "gender": "男"
  },
  {
    "name": "李四",
    "age": 25,
    "gender": "女"
  },
  {
    "name": "王五",
    "age": 28,
    "gender": "男"
  }
];

console.log(arr[0].name);

执行以上代码，输出结果如下：

张三

总结

打印 JSON 数组及其对象的属性值，是 JavaScript 开发中一项基本操作。通过本文的介绍，相信大家已经能够掌握如何在 JavaScript 中使用 console.log() 打印 JSON 数组和它的子元素，希望对大家有所帮助。