js的数组的升维

最新推荐文章于 2024-01-28 10:14:27 发布

Alicesa

最新推荐文章于 2024-01-28 10:14:27 发布

阅读量1.1k

点赞数

分类专栏：前端jQuery 算法文章标签： js jquery html

本文链接：https://blog.youkuaiyun.com/Alicesa/article/details/108361385

版权

算法同时被 2 个专栏收录

39 篇文章

订阅专栏

前端jQuery

26 篇文章

订阅专栏

文章目录

升维
一、如一个这样的一维数组
二、先遍历，再判断
- 原理：
- 效果

升维

将一个一维数组变成二维数组
例如将一个数组将相同类型的数组合在一起

一、如一个这样的一维数组

 var arr = [
        { type: '电子产品', name: ' iPhone', price: 8888 },
        { type: '家具', name: '桌子', price: 100 },
        { type: '食品', name: '瓜子', price: 10 },
        { type: '家具', name: '椅子', price: 380 }]

根据类别type升为二维数组

二、先遍历，再判断

原理：

如果是第一次出现这个type的时候就将这个数据添加进入，
如果不是第一次添加有重复名字，
判断是哪一个type然后在这个type的基础上追加进入

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    /*数组升维:把-维数组变成二维数组*/
    //需求:
    // 将下列数组arr, 根据类别type升为二维数组
    vararr = [
        { type: '电子产品', name: ' iPhone', price: 8888 },
        { type: '家具', name: '桌子', price: 100 },
        { type: '食品', name: '瓜子', price: 10 },
        { type: '家具', name: '椅子', price: 380 }]
    
      
        var obj = {};//检测type有没有重复的
var arrNew = []; //升级后的二维数组
//1.要把type给去重，就是找出这里面所有的产品类型出来. 
//遍历这个arr-维数组

arr.forEach(v=>{
    if (obj[v.type] == undefined) { //第 一次出现这个产品类型
        obj[v.type] = 1;
        //把当前遍历出来的这个数据存进arrNew中
        arrNew.push({
            type: v.type,
            data: [v]
        });
    } else { //说明这个产品的类型不是第一次出现.
        //判断当前这个v是属于arrNew中的哪一类产品。然后加进这-类产品的da
        arrNew.forEach((v2, j) => {
            if (v.type == v2.type) {
                arrNew[j].data.push(v);
            }
        });
    }
})

    console.log(arrNew);

效果

在这里插入图片描述