js让“操作”文字在数组的最后一列显示
时间: 2023-12-07 09:02:45 浏览: 61
如果您是在渲染表格时,需要将“操作”文字显示在数组的最后一列,可以先将表格数据中每个对象的属性名和属性值转换为数组,然后将“操作”文字作为数组的最后一项,最后再将数组转换回对象,再渲染表格即可。
示例代码如下:
```js
// 原始表格数据
const tableData = [
{ name: '张三', age: 18, gender: '男' },
{ name: '李四', age: 20, gender: '女' },
{ name: '王五', age: 22, gender: '男' }
];
// 将属性名和属性值转换为数组,并将"操作"文字添加到数组的最后一项
const tableDataArray = tableData.map(item => {
const keys = Object.keys(item);
const values = Object.values(item);
return [...values, '操作'];
});
// 将转换后的数组转换回对象
const newTableData = tableDataArray.map(item => {
const newObj = {};
const keys = Object.keys(tableData[0]);
keys.forEach((key, index) => {
newObj[key] = item[index];
});
return newObj;
});
console.log(newTableData);
```
在上述代码中,我们先使用`map()`方法将表格数据中每个对象的属性名和属性值转换为数组,然后将“操作”文字添加到数组的最后一项,最后再使用`map()`方法将转换后的数组转换回对象。最终得到的`newTableData`就是给表格组件使用的新的数据源。