Trong JavaScript, phương thức “findIndex[]” được sử dụng để tìm chỉ mục của các phần tử có giá trị khớp với điều kiện đã chỉ định trong đối số
Hãy cùng xem tổng quan về ví dụ dưới đây để hiểu rõ hơn
Ví dụ
Đầu tiên chúng ta sẽ khai báo một mảng các đối tượng như hình bên dưới.
const Array_obj = [
{id: 0 , tên . "David"} ,
{id: 1 , tên . "John"} ,
];
Tiếp theo chúng ta sẽ áp dụng phương thức “findIndex[]” để thực thi cho từng phần tử mảng. Trong đối số của nó, chỉ định giá trị đối tượng cần được cập nhật. Trong trường hợp này, chúng tôi sẽ cập nhật giá trị trong đó “id” của đối tượng là “0”
upd_obj = Array_obj. findIndex[[ obj = . obj.id == 0]];
Trong bước tiếp theo, chúng tôi sẽ hiển thị giá trị hiện tại trước khi cập nhật. Sau đó, chúng tôi sẽ cập nhật giá trị thuộc tính “tên” so với “id” đã đặt để cập nhật giá trị của nó
bảng điều khiển. log["Trước khi cập nhật đối tượng. " , Array_obj [ upd_obj ]];
Array_obj[upd_obj].tên = "Harry";
Cuối cùng, chúng tôi sẽ hiển thị giá trị đối tượng được cập nhật bằng cách sử dụng “upd_obj” làm đối số của “Array_obj” trong đó mảng được xác định
bảng điều khiển. log["Sau khi cập nhật đối tượng. " , Array_obj [ upd_obj ]];
đầu ra
Phương pháp 2. Cập nhật đối tượng trong một mảng JavaScript bằng vòng lặp “for”
Trong phương thức này, chúng ta sẽ sử dụng vòng lặp “for” để lặp qua các đối tượng mảng và cập nhật các giá trị đối tượng tương ứng
Đây là một ví dụ cho cuộc biểu tình
Ví dụ
Đầu tiên, chúng ta sẽ định nghĩa một mảng các đối tượng có thuộc tính “id” và “name” với các giá trị sau
const Array_obj = [
{id: 0 , tên . 'David'} ,
{id: 1 , tên . 'John'} ,
];
Tiếp theo, chúng ta sẽ áp dụng vòng lặp “for” để lặp qua từng đối tượng trong mảng “Array_obj” và cập nhật giá trị đối với “id” đã chỉ định
for [const i của Array_obj ]là {
if [i.id == 1] {
i.name = 'Harry';
}
}
Cuối cùng, chúng tôi sẽ hiển thị giá trị đối tượng được cập nhật trên màn hình giao diện điều khiển
bảng điều khiển. log['Mảng cập nhật là. ' , Array_obj ];
Đầu ra tương ứng sẽ là
Phương pháp 3. Cập nhật đối tượng trong mảng JavaScript bằng phương thức “map[]”
Trong phương thức này, giá trị của một đối tượng được cập nhật bằng cách sử dụng phương thức “map[]”. Phương pháp này hoạt động cho từng phần tử trong một mảng. Hơn nữa, nó ánh xạ giá trị được cập nhật tới đối tượng
Ví dụ
Đầu tiên, chúng ta sẽ tạo một mảng “Array_obj” chứa các đối tượng có giá trị trong đó
const Array_obj = [
{id: 0 , tên . 'David'} ,
{id: 1 , tên . 'John'} ,
];
Trong bước tiếp theo, chúng tôi sẽ ánh xạ giá trị mới tới đối tượng “tên” bằng cách cung cấp “id” làm tham chiếu. Hơn nữa, chúng ta sẽ định vị được vị trí của đối tượng cần cập nhật thông qua điều kiện “if”
const upd_obj = Array_obj. bản đồ[ obj => .
if [obj.là == 1] .
return {obj, name: 'Harry'};
}
return obj;
}
Cuối cùng, hiển thị giá trị đối tượng đã cập nhật được lưu trữ trong biến “upd_obj”
bảng điều khiển. log[ upd_obj ];
đầu ra
Chúng tôi đã cung cấp các phương thức đơn giản nhất liên quan đến việc cập nhật các đối tượng trong JavaScript Array
Phần kết luận
Để cập nhật một đối tượng trong một mảng JavaScript, bạn có thể sử dụng phương thức “findIndex[]” để thực thi từng phần tử mảng và cập nhật các giá trị đối tượng tương ứng, phương thức vòng lặp “for” để lặp qua một mảng và cập nhật giá trị đã chỉ định và “map . Bài viết này hướng dẫn thủ tục cập nhật đối tượng trong mảng JavaScript