js将数组转化为一个对象obj,将数组中的内容作为对象的key转化为对象,将数组中的某项内容作为分类来转成对象

1.js数组转成对象

var list = {};
var arr = ["123","456","789"];
// for in 循环
for (var key in arr) {
    list[key] = arr[key];
}
console.log(list); //控制台打印

打印如下
在这里插入图片描述
我的思路就是这样,不止这一种其他循环也可以forEach、map、reduce等等

2.将数组中的内容作为对象的key转化为对象

//数组
var formArr =  [
{name: "张三", num: "1"},
{name: "李四", num: "2"},
{name: "王二", num: "3"},
{name: "麻子", num: "4"}
];

//创建对象
var obj={ };

//map循环方式
  formArr.map(function (e, item) {
  obj[e.num] = e.name;
  });
console.log(obj); //控制台打印

结果打印:obj = {1: “张三”, 2: “李四”, 3: “王二”, 4: “麻子”}
不止这一种其他循环也可以forEach、for in、reduce等等

3.将数组中的某项内容作为分类来转成对象
例如页面上有个小组(group)成员,点击那个小组显示那个小组的成员

//数组
var formArr =  [
{name: "张三", group: "1"},
{name: "李四", group: "1"},
{name: "王二", group: "2"},
{name: "麻子", group: "2"},
{name: "小明", group: "3"},
{name: "小红", group: "3"},
{name: "隔壁", group: "4"},
{name: "老王", group: "4"}
];

//创建对象
let obj = {}

//forEach循环
formArr.forEach(item => {
    if (!obj[item.group]) {
      obj[item.group] = [item]
    } else {
      obj[item.group].push(item)
    }
  })
console.log(obj) //控制台打印

结果打印:
在这里插入图片描述
展开
在这里插入图片描述
然后在页面上循环展示即可

  • 6
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值