reactjs - 从 react typescript 中的对象数组中获取所有值

标签 reactjs typescript

假设,我有如下数据

const data = [{"No":100,"Name":"john","assigned":"James","status":"available"},{"No":200,"Name":"Abhi","assigned":"James","status":"blocked"}]

获得如下输出的最佳方法是什么?

const data = [["100", "john", "James", "available"],["200", "Abhi", "James", "blocked"]];

我尝试使用 lodash。

_.values(data)

但是我得到的输出是

[object Object],[object Object].

最佳答案

使用纯js:

const data = [{"No":100,"Name":"john","assigned":"James","status":"available"},{"No":200,"Name":"Abhi","assigned":"James","status":"blocked"}];

data1 = data.map( function(v) {
   return Object.values( v );
});

console.log(data1);

使用 lodash:

const data = [{"No":100,"Name":"john","assigned":"James","status":"available"},{"No":200,"Name":"Abhi","assigned":"James","status":"blocked"}];

data1 = _.map( data, function(v) {
   return _.values( v );
});

console.log(data1);
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>

关于reactjs - 从 react typescript 中的对象数组中获取所有值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53774658/

相关文章:

javascript - Electron 窗口商店构建崩溃

javascript - 如何将 Typescript 枚举的值添加到我的 javascript 函数中?

typescript - 使用 angular2 rc4 将所有无效 url 重定向到特定组件

typescript - 原子 typescript : set experimentalDecorators option

javascript - typescript :缺少 lib.d.ts

typescript - 以编程方式应用 Typescript 重构

javascript - Next.js 'Error occurred prerendering page "/": Error: Minified React error #321;' 在生产构建期间

javascript - 检查 componentWillReceiveProps 中更改了哪些 Prop

typescript - 如何从 Typescript 1.6 中的单独文件正确导入 React JSX

javascript - React Native - Firebase onSnaphot + FlatList 分页