Chuyển đổi đối tượng thành mảng javascript es6

Bạn nên chọn cách tiếp cận nào tùy thuộc vào việc bạn cần sử dụng chỉ mục của mảng làm khóa đối tượng hay bạn cần sử dụng khóa tùy chỉnh

Chuyển đổi một mảng thành một đối tượng bằng Object. giao phó()

Sử dụng phương thức Object.assign() để chuyển đổi một mảng thành một đối tượng, e. g. ________số 8_______

Phương thức Object.assign lấy đối tượng đích và đối tượng nguồn làm tham số, áp dụng các thuộc tính từ nguồn cho đối tượng đích và trả về kết quả

Chúng tôi đã chuyển 2 đối số sau cho Đối tượng. chỉ định phương pháp

1. đối tượng đích - đối tượng mà chúng tôi áp dụng các thuộc tính của nguồn
2. (các) đối tượng nguồn - các đối tượng chứa các thuộc tính mà chúng ta muốn áp dụng

Phương thức trả về một đối tượng trong đó các khóa là các chỉ mục mảng và các giá trị là các phần tử mảng

Chuyển đổi một mảng thành một đối tượng bằng cách sử dụng Array. cho mỗi()

Để chuyển đổi một mảng thành một đối tượng

1. Khai báo một biến và khởi tạo nó cho một đối tượng rỗng
2. Sử dụng phương thức Array.forEach() để lặp lại mảng
3. Trên mỗi lần lặp lại, hãy thêm phần tử dưới dạng cặp khóa-giá trị vào đối tượng

Hàm chúng tôi đã chuyển đến Mảng. Phương thức forEach() được gọi với từng phần tử trong mảng

Phương thức này cũng cho phép chúng ta truy cập vào chỉ mục của lần lặp hiện tại

Cách tiếp cận này thủ công hơn một chút, tuy nhiên, nó cho phép bạn đặt tên cho các khóa của đối tượng mới

Bạn không thể đặt tên cho các khóa của đối tượng nếu bạn sử dụng cách tiếp cận Object.assign() từ phân nhóm trước

Hàm mà chúng ta đã chuyển cho phương thức Array.forEach() được gọi với từng phần tử và chỉ mục, vì vậy bạn cũng có thể sử dụng index làm khóa

Chuyển đổi một Mảng thành một Đối tượng bằng cách sử dụng cú pháp Spread (. )

Sử dụng cú pháp lây lan (. ) để chuyển đổi một mảng thành một đối tượng, e. g. Array.forEach()0

Cú pháp trải rộng sẽ giải nén các giá trị của mảng thành một đối tượng mới, trong đó

1. Các chỉ mục của mảng là các khóa của đối tượng
2. Các phần tử trong mảng là các giá trị của đối tượng

Chúng tôi đã sử dụng cú pháp lây lan (. ) để giải nén mảng thành một đối tượng

Sự lây lan (. ) cú pháp có thể được sử dụng với bất kỳ lần lặp nào, chẳng hạn như một mảng, chuỗi, Array.forEach()1, v.v.

Tương tự như cách tiếp cận đầu tiên, các chỉ mục của mảng trở thành khóa của đối tượng và các phần tử trở thành giá trị của đối tượng

Chuyển đổi một mảng thành đối tượng bằng Object. fromEntries()

Để chuyển đổi một mảng các cặp khóa-giá trị thành một đối tượng

1. Truyền mảng cho phương thức Object.fromEntries()
2. Phương thức Object.fromEntries() chuyển đổi một mảng các cặp khóa-giá trị thành một đối tượng và trả về kết quả

Lưu ý rằng lần này chúng ta có một mảng hai chiều

Các mảng lồng nhau chứa 2 phần tử mỗi phần - một khóa và một giá trị

đối tượng. fromEntries chuyển đổi danh sách các cặp khóa-giá trị thành một đối tượng

Điều này chỉ hoạt động nếu bạn có một mảng hai chiều trong đó mỗi mảng con chứa 2 phần tử - khóa và giá trị

Chuyển đổi một mảng thành một đối tượng bằng cách sử dụng Array. giảm bớt()

Để chuyển đổi một mảng thành một đối tượng

1. Sử dụng phương thức Array.forEach()4 để lặp lại mảng
2. Trên mỗi lần lặp lại, hãy gán một cặp khóa-giá trị mới cho đối tượng tích lũy

Hàm chúng tôi đã chuyển đến Mảng. phương thức rút gọn được gọi với từng phần tử trong mảng

Chúng tôi đặt một đối tượng trống làm giá trị ban đầu cho biến Array.forEach()5

Trên mỗi lần lặp lại, chúng tôi gán một cặp khóa-giá trị mới cho đối tượng và trả về giá trị của biến Array.forEach()5

Cách tiếp cận này cũng cho phép bạn gán tên khóa tùy chỉnh cho đối tượng

Chúng tôi đã sử dụng chuỗi Array.forEach()7 + chỉ mục, tuy nhiên, bạn có thể điều chỉnh điều này nếu cần

Chuyển đổi một mảng đối tượng thành một đối tượng bằng cách sử dụng Object.fromEntries()

Để chuyển đổi một mảng các đối tượng thành một đối tượng

1. Sử dụng phương thức Array.forEach()9 để lặp lại mảng
2. Trả về một mảng của một khóa và một giá trị trên mỗi lần lặp
3. Sử dụng phương thức Object.fromEntries()0 để chuyển đổi mảng thành một đối tượng

Hàm chúng tôi đã chuyển đến Mảng. phương thức bản đồ được gọi với từng phần tử trong mảng

Trên mỗi lần lặp, chúng tôi trả về một mảng chứa khóa và giá trị

Phương thức Object.fromEntries()1 trả về một mảng mới chứa các giá trị được trả về từ hàm gọi lại

Bước cuối cùng là chuyển mảng các cặp khóa-giá trị cho phương thức Object.fromEntries() để chuyển đổi nó thành một đối tượng

Giới thiệu. Các đối tượng, trong JavaScript, là kiểu dữ liệu quan trọng nhất của nó và tạo thành các khối xây dựng cho JavaScript hiện đại. Các đối tượng này hoàn toàn khác với các kiểu dữ liệu nguyên thủy của JavaScript (Số, Chuỗi, Boolean, null, không xác định và ký hiệu). Các đối tượng phức tạp hơn và mỗi đối tượng có thể chứa bất kỳ sự kết hợp nào của các kiểu dữ liệu nguyên thủy này cũng như các kiểu dữ liệu tham chiếu, trong khi mảng là một biến duy nhất được sử dụng để lưu trữ các phần tử khác nhau. Nó thường được sử dụng khi chúng ta muốn lưu trữ một danh sách các phần tử và truy cập chúng bằng một biến duy nhất. Chúng ta có thể chuyển đổi một Đối tượng {} thành một Mảng [] của các cặp khóa-giá trị bằng các phương thức được thảo luận bên dưới.  

Phương pháp 1. Trong phương pháp này, chúng ta sẽ sử dụng Object. keys() và map() để đạt được điều này.  

Tiếp cận. Bằng cách sử dụng đối tượng. keys(), chúng tôi đang trích xuất các khóa từ Đối tượng, sau đó khóa này được chuyển đến hàm map() ánh xạ khóa và giá trị tương ứng dưới dạng một mảng, như được mô tả trong ví dụ bên dưới.  

cú pháp

Object.keys(obj)

Thông số.  

• đối tượng. Đó là đối tượng có vô số thuộc tính sẽ được trả về

map(function callback(currentValue[, index[, array]]){
    // Return element for new_array
}

Tham số.  

• gọi lại. Hàm tạo ra một phần tử của Mảng mới

Ví dụ. Trong ví dụ này, một đối tượng javascript sẽ được chuyển đổi thành một mảng javascript bằng cách sử dụng Object. phương thức keys() và map()

jav

programming javascript

Reply 2 0 Chia sẻ