js 对象数组用表格形式在终端打印出来
时间: 2023-12-18 08:02:38 浏览: 31
在 JavaScript 中,你可以使用控制台的表格格式化功能将对象数组以表格形式打印到终端。以下是一个示例代码:
```javascript
const data = [
{ name: "John", age: 25, city: "New York" },
{ name: "Jane", age: 30, city: "Los Angeles" },
{ name: "Bob", age: 35, city: "Chicago" }
];
console.table(data);
```
运行上述代码,将会在终端以表格形式显示对象数组的内容:
```
┌─────────┬─────┬──────────────┐
│ (index) │ name │ age │
├─────────┼─────┼──────────────┤
│ 0 │ John │ 25 │
│ 1 │ Jane │ 30 │
│ 2 │ Bob │ 35 │
└─────────┴─────┴──────────────┘
```
如上所示,每个对象的属性名将作为表格的列标题,每个对象的属性值将作为表格的数据行。你可以通过控制台的 `console.table()` 方法来方便地显示对象数组的内容。这在调试和查看数据时非常有用。
相关问题
js根据数组内容动态生成表格并打印
你可以使用 JavaScript 生成一个 HTML 表格并将其插入到页面中,然后使用浏览器的打印功能打印整个页面。
这里是一个简单的示例代码:
```javascript
// 假设你有一个数组 arr,其中包含要在表格中显示的数据
const arr = [
{ name: 'Alice', age: 25, city: 'New York' },
{ name: 'Bob', age: 30, city: 'London' },
{ name: 'Charlie', age: 35, city: 'Paris' }
];
// 创建一个 HTML 表格
const table = document.createElement('table');
// 创建表头
const headerRow = table.insertRow();
for (let key in arr[0]) {
const headerCell = document.createElement('th');
headerCell.innerText = key;
headerRow.appendChild(headerCell);
}
// 创建表格行
for (let obj of arr) {
const row = table.insertRow();
for (let key in obj) {
const cell = row.insertCell();
cell.innerText = obj[key];
}
}
// 将表格插入到页面中
document.body.appendChild(table);
// 调用浏览器的打印功能
window.print();
```
在这个示例中,我们首先创建一个空的 HTML 表格。然后,我们使用 `insertRow()` 方法创建表头和每一行,并使用 `insertCell()` 方法创建每个单元格。最后,我们将表格插入到页面中,并调用浏览器的打印功能。
js 对象数组改为基本数组
将 JavaScript 对象数组转换为基本数组可以通过遍历对象数组,将每个对象的属性值提取出来,组成一个新的基本数组。
假设有如下的 JavaScript 对象数组:
```javascript
var objArray = [
{ name: '张三', age: 18 },
{ name: '李四', age: 20 },
{ name: '王五', age: 22 }
];
```
我们可以通过遍历对象数组,提取每个对象的属性值,将其组成一个新的基本数组:
```javascript
var basicArray = [];
for (var i = 0; i < objArray.length; i++) {
basicArray.push(objArray[i].name);
basicArray.push(objArray[i].age);
}
console.log(basicArray);
```
以上代码中,我们创建了一个空的基本数组 `basicArray`。然后,通过循环遍历对象数组 `objArray`,使用点语法访问每个对象的属性值,并将其分别添加到基本数组中。
最后,打印基本数组 `basicArray`,输出结果如下:
```
['张三', 18, '李四', 20, '王五', 22]
```
这样,我们就成功将 JavaScript 对象数组转换为基本数组。基本数组中的每个元素代表了对象数组中每个对象的属性值。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)