js は配列オブジェクトをマージします (配列内の同じ属性を持つオブジェクトをマージして新しい配列を形成します)

1. 配列オブジェクトのキー値に従って、同じキー値を持つフィールドを同じ配列オブジェクトにマージして、新しい配列を形成します

1. 元の配列:

var array = [
  {
    
     id: 1, name: 'Alice' },
  {
    
     id: 2, name: 'Bob' },
  {
    
     id: 1, age: 25 },
  {
    
     id: 3, name: 'Charlie', age: 30 }
];

2. 結合された配列:

var array = [
  {
    
     id: 1, name: 'Alice'， age: 25  },
  {
    
     id: 2, name: 'Bob' },
  {
    
     id: 3, name: 'Charlie', age: 30 }
];

3.実装方法：

// 原始数组
var array = [
  {
    
     id: 1, name: 'Alice' },
  {
    
     id: 2, name: 'Bob' },
  {
    
     id: 1, age: 25 },
  {
    
     id: 3, name: 'Charlie', age: 30 }
];

// 使用 reduce 方法合并具有相同属性的对象
var mergedArray = array.reduce(function(result, obj) {
    
    
  var target = result.find(function(item) {
    
    
    return item.id === obj.id;
  });

  if (target) {
    
    
    Object.assign(target, obj);
  } else {
    
    
    result.push(obj);
  }

  return result;
}, []);

console.log(mergedArray);

4. テスト:

2. 配列オブジェクトのキー値に従って、同じキー値を持つオブジェクトを同じオブジェクトにマージして新しい配列を形成します

1. 元の配列:

let list = [
      {
    
    
        name: "张三",
        gender: "张",
        age: "20"
      },
      {
    
    
        name: "李四",
        gender: "李",
        age: "25"
      },
      {
    
    
        name: "王五",
        gender: "王",
        age: "30"
      },
      {
    
    
        name: "张飞",
        gender: "张",
        age: "20"
      },
      {
    
    
        name: "李红",
        gender: "李",
        age: "22"
      }
    ]

2. 結合された配列:

let list = [
	{
    
    
	  gender: "张",
	  {
    
    
        name: "张三",
        gender: "张",
        age: "20"
      },
      {
    
    
        name: "张飞",
        gender: "张",
        age: "20"
      }
	},
	{
    
    
	 gender: "李",
	 {
    
    
        name: "李四",
        gender: "李",
        age: "25"
      },
       {
    
    
        name: "李红",
        gender: "李",
        age: "22"
      }
    },
    {
    
    
    	gender: "王",
    	{
    
    
        name: "王五",
        gender: "王",
        age: "30"
      },
    }
  ]

3. 実装方法 1:

let tempArr = [];
let Data = [];
for (let i = 0; i < list.length; i++) {
    
    
   if (tempArr.indexOf(list[i].gender) === -1) {
    
    
     Data.push({
    
    
       gender: list[i].gender,
       dataInfo: [list[i]]
     });
     tempArr.push(list[i].gender);
   } else {
    
    
     for (let j = 0; j < Data.length; j++) {
    
    
       if (Data[j].gender== list[i].gender) {
    
    
         Data[j].dataInfo.push(list[i]);
         break;
       }
     }
   }
 }
 console.log(Data);

テスト：

4. 実装方法 2:

let dataInfo = {
    
    };
list.forEach((item, index) => {
    
    
	let {
    
     gender } = item;
	if (!dataInfo[gender]) {
    
    
		dataInfo[gender] = {
    
    
			gender,			
			child: []
		}
	}
	dataInfo[gender].child.push(item);
});
let newList = Object.values(dataInfo); // list 转换成功的数据
console.log(newList)

テスト：