代码之家 › 专栏 › 技术社区 › Tavish Aggarwal

基于JSON对象映射填充数组

ecmascript-6 javascript

-2

Tavish Aggarwal · 技术社区 · 8 年前

我需要根据JSON对象的映射填充数组。例如: 假设我有JSON对象,如下所示:

let columns = { 'name' :'value', 'id' : 1, 'age': 15}

我想创建一个具有如下所示值的数组:

var values = [1, 15, value]; // id, age, name

我能够创建数组的数组,如下所示:

var data = new Array();
var output = new Array();
let columns = [
{ 'name' :'value', 'id' : 1, 'age': 15},
{ 'name' :'value1', 'id' : 2, 'age': 18}
];

for(let i=0;i< columns.length; i++) {
    for (let variable in columns[i]) {
      data.push(columns[i][variable]);
    }
    output.push(data);
    data = new Array();
  }
  
  console.log(output);

我正在努力按我需要的顺序将价值推送到阵列。我尝试创建映射对象,但到目前为止没有成功。请告诉我可能的解决方案。

编辑:

感谢您提供的解决方案,我可以通过任何方式在变量中定义映射函数参数和json对象。并将其更换。如下所示:

let mapping {
columns : '{name, id, age}',
mapping : '[id, age, name]'
}
const result = columns.map((mapping.columns) => mapping.mapping);

3 回复 | 直到 8 年前

Nenad Vracar 8 年前

您可以使用 map() 方法,并按所需顺序向数组中添加属性。

let columns = [{ 'name' :'value', 'id' : 1, 'age': 15},{ 'name' :'value1', 'id' : 2, 'age': 18}];

const result = columns.map(({name, id, age}) => [id, age, name]);
console.log(result)

J-J 8 年前

您还可以删除内部for循环,并读取具有列名(或JSON字段名)的数据,因此如下所示。

var data = new Array();
var output = new Array();
let columns = [
{ 'name' :'value', 'id' : 1, 'age': 15},
{ 'name' :'value1', 'id' : 2, 'age': 18}
];

for(let i=0;i< columns.length; i++) {
   data.push(columns[i]['id']);
   data.push(columns[i]['age']);
   data.push(columns[i]['name']);
    output.push(data);
    data = new Array();
  }
  
  console.log(output);

zabusa 8 年前

您可以使用 Object.values() 从 object

  
var output = new Array();
let columns = [
{ 'name' :'value', 'id' : 1, 'age': 15},
{ 'name' :'value1', 'id' : 2, 'age': 18}
];
 output = columns.map(item => Object.values(item))
  
  console.log(output);

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前