Hướng dẫn này sẽ trình bày các cách tiếp cận để thay đổi giá trị của một đối tượng bên trong một mảng trong JavaScript.
Làm cách nào để thay đổi/cập nhật giá trị của một đối tượng bên trong một mảng bằng JavaScript?
Để thay đổi giá trị của một đối tượng bên trong một mảng, hãy sử dụng các phương thức được xác định trước của JavaScript sau đây:
Phương pháp 1: Thay đổi giá trị của đối tượng bên trong một mảng bằng phương thức “findIndex()”
Để thay đổi giá trị của một đối tượng bên trong mảng, hãy sử dụng “ tìm Index() ' phương pháp. Phương thức này tìm chỉ mục của phần tử trong một mảng đáp ứng điều kiện nhất định. Để chỉ định điều kiện, nó sử dụng chức năng gọi lại.
cú pháp
Thực hiện theo cú pháp đã cho để thay đổi giá trị của một đối tượng bằng phương thức findIndex():
mảngObject. tìm Index ( đối tượng => {
//tình trạng
} ) ;
Ví dụ
Tạo một mảng chứa các đối tượng khác nhau:
đã từng là mảngObj = [ { nhận dạng : 5 , tên : 'Mayer' , tuổi : 25 } ,
{ nhận dạng : 9 , tên : 'Phaolô' , tuổi : 26 } ,
{ nhận dạng : 12 , tên : 'Steven' , tuổi : hai mươi } ]
Gọi phương thức findIndex() với hàm gọi lại kiểm tra id của các đối tượng tương đương với “ 12 ” và lưu trữ chỉ mục của đối tượng trong một biến “ lấy chỉ mục ”:
hằng số lấy chỉ mục = mảngObj. tìm Index ( đối tượng => {trở lại đối tượng nhận dạng === 12 ;
} ) ;
Thay đổi giá trị của tài sản “ tuổi ” của đối tượng:
mảngObj [ lấy chỉ mục ] . tuổi = 24 ;
Cuối cùng, in mảng đối tượng đã cập nhật trên bàn điều khiển:
bảng điều khiển. đăng nhập ( 'Mảng đối tượng được cập nhật là:' ) ;bảng điều khiển. đăng nhập ( mảngObj ) ;
Đầu ra chỉ ra rằng giá trị của “ tuổi ” của đối tượng có id là 12 đã được thay đổi thành công từ “ hai mươi ' ĐẾN ' 24 ”:
Cách 2: Thay đổi giá trị của đối tượng bên trong mảng bằng cách sử dụng phương thức “map()” với toán tử trải rộng
Sử dụng “ bản đồ() ” phương pháp với “ toán tử lây lan ” để thay đổi giá trị của đối tượng bên trong một mảng. “map()” được sử dụng để tạo một mảng mới bằng cách gọi một hàm trên mỗi phần tử của một mảng hiện có. Trong khi toán tử trải rộng cho phép trải rộng hoặc sao chép các phần tử mảng vào một mảng mới hoặc các đối số của lệnh gọi hàm. Phương thức “map()” không sửa đổi/thay đổi mảng ban đầu nhưng nó xuất ra một mảng mới với các phần tử đã sửa đổi.
cú pháp
Để thay đổi giá trị của một đối tượng bằng phương thức map() với toán tử trải rộng, hãy sử dụng cú pháp sau:
nếu như ( tình trạng ) {
trở lại { ... đối tượng , chìa khóa : giá trị mới } ;
}
trở lại đối tượng ;
} ) ;
Ví dụ
Gọi phương thức map() với toán tử trải rộng để thay đổi tên của đối tượng có id là “ 9 ”:
nếu như ( đối tượng nhận dạng === 9 ) {
trở lại { ... đối tượng , tên : 'Alice' } ;
}
trở lại đối tượng ;
} ) ;
In mảng đã sửa đổi của đối tượng trên bàn điều khiển:
bảng điều khiển. đăng nhập ( newObjectArr ) ;Bất động sản ' tên ” của đối tượng có id là “ 9 ” đã được thay đổi từ “ Phao-lô ' ĐẾN ' Alice ”:
Cách 3: Thay đổi giá trị của đối tượng bên trong mảng bằng phương thức “find()”
Để thay đổi giá trị của một đối tượng bên trong một mảng, hãy sử dụng “ tìm thấy() ' phương pháp. Nó được sử dụng để tìm phần tử trong một mảng đáp ứng một điều kiện nhất định. Nó xuất ra giá trị của phần tử nếu nó thỏa mãn điều kiện. Nếu không, nó cho “ không xác định ,” cho biết không tìm thấy phần tử nào như vậy.
cú pháp
Sử dụng cú pháp đã cho cho phương thức find() để tìm phần tử trong một mảng:
//tình trạng
} ) ;
Ví dụ
Gọi phương thức find() để tìm đối tượng có id là “ 5 ” và lưu trữ đối tượng trong một biến “ tìm Index ”:
trở lại đối tượng nhận dạng === 5 ;
} ) ;
Kiểm tra xem biến “findIndex” không bằng “ không xác định ” có nghĩa là, nếu đối tượng được tìm thấy, hãy thay đổi giá trị của thuộc tính “ tên ” của đối tượng:
nếu như ( tìm Index !== không xác định ) {tìm Index. tên = 'John' ;
}
Cuối cùng, in đối tượng trên bàn điều khiển:
bảng điều khiển. đăng nhập ( tìm Index ) ;Đầu ra chỉ hiển thị đối tượng được chỉ định bằng cách thay đổi giá trị của nó:
Phương pháp 4: Thay đổi giá trị của đối tượng bên trong một mảng bằng vòng lặp for-of
Bạn cũng có thể sử dụng “ cho-của ” vòng lặp để thay đổi giá trị của một đối tượng bên trong mảng. Nó được sử dụng để lặp lại mảng Đối tượng và kiểm tra điều kiện để thay đổi giá trị của đối tượng. Sau khi truy cập và thay đổi giá trị của đối tượng, hãy kết thúc vòng lặp bằng lệnh “ phá vỡ ” từ khóa.
cú pháp
Thực hiện theo cú pháp đã cho cho vòng lặp “for-of”:
nếu như ( tình trạng ) {
//tuyên bố
phá vỡ ;
}
}
Ví dụ
Sử dụng vòng lặp for-of và kiểm tra đối tượng có id là “ 5 ” và thay đổi “ tuổi ' ĐẾN ' 27 ”:
nếu như ( đối tượng nhận dạng === 5 ) {
đối tượng tuổi = 27 ;
phá vỡ ;
}
}
In đối tượng được cập nhật bên trong mảng trên bàn điều khiển:
bảng điều khiển. đăng nhập ( mảngObj ) ;đầu ra
Chúng tôi đã thu thập tất cả thông tin cần thiết liên quan đến giá trị thay đổi của một đối tượng bên trong mảng trong JavaScript.
Phần kết luận
Để thay đổi giá trị của một đối tượng bên trong một mảng, hãy sử dụng các phương thức được xác định trước của JavaScript, bao gồm “ tìm Index() , “ bản đồ() ” phương pháp với “ toán tử lây lan ”, “ tìm thấy() ” phương pháp, hoặc “ cho-của ' vòng. Các phương thức này đã thay đổi thành công giá trị của một đối tượng bên trong một mảng. Hướng dẫn này trình bày các cách tiếp cận khác nhau để thay đổi giá trị của một đối tượng bên trong một mảng trong JavaScript.