JS循環數組對象找出指定對象

一、從JS循環給數組裡的對象添加屬性

在實際開發中，我們可能需要在數組中的每個對象上添加一些屬性，方便後續的計算或操作。我們可以通過JS循環數組對象的方式，為每個對象添加屬性，具體代碼實現如下：

const arr = [
  { name: 'Bob', age: 18 },
  { name: 'Lucy', age: 20 },
  { name: 'Tom', age: 22 }
];

arr.forEach((item, index) => {
  item.id = index + 1;
});

console.log(arr);
/*
輸出結果：
[
  { name: 'Bob', age: 18, id: 1 },
  { name: 'Lucy', age: 20, id: 2 },
  { name: 'Tom', age: 22, id: 3 }
]
*/

二、JS循環數組對象刪除指定對象

在實際開發中，我們可能需要從數組中刪除指定的對象。我們可以通過JS循環數組對象的方式，找到需要刪除的對象，然後使用數組的splice方法進行刪除，具體代碼實現如下：

const arr = [
  { name: 'Bob', age: 18 },
  { name: 'Lucy', age: 20 },
  { name: 'Tom', age: 22 }
];

const removeItem = { name: 'Lucy', age: 20 };

arr.forEach((item, index) => {
  if(item.name === removeItem.name && item.age === removeItem.age) {
    arr.splice(index, 1);
  }
});

console.log(arr);
/*
輸出結果：
[
  { name: 'Bob', age: 18 },
  { name: 'Tom', age: 22 }
]
*/

三、JS循環遍曆數組對象

JS循環遍曆數組對象是非常常見的操作，我們可以使用for循環、forEach、map等方法對數組對象進行遍歷，具體代碼實現如下：

const arr = [
  { name: 'Bob', age: 18 },
  { name: 'Lucy', age: 20 },
  { name: 'Tom', age: 22 }
];

// 使用for循環遍歷
for(let i = 0; i  console.log(item));

// 使用map遍歷
const newArr = arr.map(item => item.name);
console.log(newArr); // 輸出結果：['Bob', 'Lucy', 'Tom']

四、數組對象去重JS

有時候我們從後台獲取的數據可能包含重複的對象，我們需要對數組對象進行去重。我們可以通過JS循環遍曆數組對象的方式，使用ES6的Set去重，具體代碼實現如下：

const arr = [
  { name: 'Bob', age: 18 },
  { name: 'Lucy', age: 20 },
  { name: 'Tom', age: 22 },
  { name: 'Bob', age: 18 }
];

const newArr = Array.from(new Set(arr));
console.log(newArr);
/*
輸出結果：
[
  { name: 'Bob', age: 18 },
  { name: 'Lucy', age: 20 },
  { name: 'Tom', age: 22 }
]
*/

五、對象數組拼接JS

在實際開發中，我們可能需要將多個對象數組進行拼接。我們可以通過JS循環遍曆數組對象的方式，使用concat方法進行拼接，具體代碼實現如下：

const arr1 = [
  { name: 'Bob', age: 18 },
  { name: 'Lucy', age: 20 },
];

const arr2 = [
  { name: 'Tom', age: 22 },
  { name: 'Jack', age: 24 },
];

const newArr = arr1.concat(arr2);
console.log(newArr);
/*
輸出結果：
[
  { name: 'Bob', age: 18 },
  { name: 'Lucy', age: 20 },
  { name: 'Tom', age: 22 },
  { name: 'Jack', age: 24 },
]
*/

六、JS找出數組對象中最大的數

如果我們有一個對象數組，每個對象中都有一個數字屬性，我們可以通過JS循環遍曆數組對象的方式，找出其中數字屬性的最大值，具體代碼實現如下：

const arr = [
  { name: 'Bob', score: 80 },
  { name: 'Lucy', score: 90 },
  { name: 'Tom', score: 85 }
];

let maxScore = 0;
arr.forEach(item => {
  maxScore = Math.max(maxScore, item.score);
});

console.log(maxScore); // 輸出結果：90

七、檢測JS對象是數組類型

如果我們需要判斷一個JS對象是否為數組類型，我們可以使用Array.isArray()方法，具體代碼實現如下：

const arr = [1, 2, 3];
console.log(Array.isArray(arr)); // 輸出結果：true

const obj = { name: 'Bob' };
console.log(Array.isArray(obj)); // 輸出結果：false

八、創建對象或數組JS

如果我們需要創建一個新的JS對象或數組，可以使用對象字面量或數組字面量進行創建，具體代碼實現如下：

// 創建新的對象
const newObj = { name: 'Bob', age: 18 };
console.log(newObj); // 輸出結果：{ name: 'Bob', age: 18 }

// 創建新的數組
const newArr = [1, 2, 3];
console.log(newArr); // 輸出結果：[1, 2, 3]

以上就是JS循環數組對象找出指定對象的一些常見操作，這些操作在實際開發中非常常見，希望能對大家有所幫助。