Hướng dẫn javascript convert array to object without key - javascript chuyển đổi mảng thành đối tượng mà không cần khóa

Hình ảnh từ Unraw.co

Ban đầu được đăng trên afewminutesofcode.com

Để chuyển đổi một mảng thành một đối tượng, chúng tôi sẽ tạo một hàm và cung cấp cho nó 2 thuộc tính, một mảng và khóa.

const convertArrayToObject = (array, key) => {};

Nhập chế độ FullScreenen EXIT Mode FullScreen

Sau đó, chúng tôi sẽ giảm mảng và tạo một thuộc tính duy nhất cho mỗi mục dựa trên khóa chúng tôi đã chuyển vào.

Chúng ta cũng cần nhớ đặt giá trị ban đầu và cũng vượt qua giá trị hiện tại (... OBJ ở bên dưới).

const convertArrayToObject = (array, key) => {
  const initialValue = {};
  return array.reduce((obj, item) => {
    return {
      ...obj,
      [item[key]]: item,
    };
  }, initialValue);
};

Nhập chế độ FullScreenen EXIT Mode FullScreen

Sau đó, chúng tôi sẽ giảm mảng và tạo một thuộc tính duy nhất cho mỗi mục dựa trên khóa chúng tôi đã chuyển vào.

console.log(
  convertArrayToObject(
    [
      { id: 111, name: 'John', age: 29 },
      { id: 112, name: 'Sarah', age: 25 },
      { id: 122, name: 'Kate', age: 22 },
      { id: 123, name: 'Tom', age: 21 },
      { id: 125, name: 'Emma', age: 24 },
    ],
    'id',
  ),
);

Nhập chế độ FullScreenen EXIT Mode FullScreen

Sau đó, chúng tôi sẽ giảm mảng và tạo một thuộc tính duy nhất cho mỗi mục dựa trên khóa chúng tôi đã chuyển vào.

{
  111:{ id: 111, name: 'John', age: 29 },
  112:{ id: 112, name: 'Sarah', age: 25 },
  122:{ id: 122, name: 'Kate', age: 22 },
  123:{ id: 123, name: 'Tom', age: 21 },
  125:{ id: 125, name: 'Emma', age: 24 }
}

Nhập chế độ FullScreenen EXIT Mode FullScreen

Sau đó, chúng tôi sẽ giảm mảng và tạo một thuộc tính duy nhất cho mỗi mục dựa trên khóa chúng tôi đã chuyển vào.

Chúng ta cũng cần nhớ đặt giá trị ban đầu và cũng vượt qua giá trị hiện tại (... OBJ ở bên dưới).

Vì vậy, bây giờ nếu chúng tôi đăng xuất chức năng của mình (chuyển trong mảng và khóa của chúng tôi là một mã định danh duy nhất trong trường hợp này, thuộc tính ID), chúng tôi sẽ thấy mảng của chúng tôi bây giờ là một đối tượng.
Facebook
afewminutesofcode.com
Twitter
Pinterest