Hướng dẫn này phục vụ các nội dung sau:
- Cách sử dụng mảng đối tượng JSON trong JavaScript
- Ví dụ 1: Tạo một mảng các đối tượng JSON
- Ví dụ 2: Truy cập Mảng đối tượng JSON
- Ví dụ 3: Thêm hoặc xóa mảng đối tượng JSON
Cách sử dụng Mảng đối tượng JSON trong JavaScript?
Đối tượng JSON về cơ bản là một đối tượng dựa trên JavaScript. Các đối tượng này có thể được sử dụng để truy cập các thuộc tính của một mảng. Sau khi truy cập, người dùng có thể thêm, xóa hoặc sửa đổi các thuộc tính trong mảng hiện có. Hơn nữa, phương thức stringify () được sử dụng để chuyển đổi chuỗi JSON thành một mảng các đối tượng JSON. Bằng cách này, các phương thức push () và pop () được sử dụng để thực hiện thao tác trên mảng.
Ví dụ 1: Tạo một mảng các đối tượng JSON trong JavaScript
Một ví dụ được xem xét để tạo một mảng các đối tượng JSON bằng cách sử dụng JavaScript. Ví dụ, mã được cung cấp bên dưới.
Mã số
hăng sô giáo viên = {
'Tên' : 'Harry' , 'Môn học' : 'Tiếng Anh' ,
'tuổi tác' : '35'
} ;
bàn điều khiển. khúc gỗ ( giáo viên ) ;
Trong đoạn mã này, một mảng “ giáo viên ”Được tạo ra bằng cách xác định các thuộc tính chẳng hạn như“ Tên ',' Môn học ', và ' tuổi tác ”.
Sau đó, các giá trị khác nhau như “ Harry ',' Tiếng Anh ', và ' 35 ”Được gán cho các thuộc tính trên. Cuối cùng, hiển thị mảng “ giáo viên ”Bằng cách sử dụng console.log () phương pháp.
Đầu ra
Kết quả hiển thị “ giáo viên ”Mảng các đối tượng JSON trong cửa sổ bảng điều khiển.
Ví dụ 2: Truy cập vào mảng các đối tượng JSON trong JavaScript
Một ví dụ được coi là truy cập các thuộc tính của các phần tử mảng trong JavaScript.
Mã số
bàn điều khiển. khúc gỗ ( 'Ví dụ để sử dụng mảng theo đối tượng JSON' ) ;hăng sô giáo viên = {
'Tên' : 'Harry' , 'Môn học' : 'Tiếng Anh' ,
'tuổi tác' : '35'
} ;
hăng sô objArr = giáo viên => {
hăng sô arr = [ ] ;
hăng sô chìa khóa = Sự vật . chìa khóa ( giáo viên ) ;
vì ( để x = 0 ; x < chìa khóa. chiều dài ; x ++ ) {
arr. đẩy ( giáo viên [ chìa khóa [ x ] ] ) ;
} ;
trở về arr ;
} ;
bàn điều khiển. khúc gỗ ( objArr ( giáo viên ) ) ;
Mô tả của mã:
- Một mảng “ giáo viên 'Được khởi tạo bằng cách xác định' Tên ',' Môn học ', và ' tuổi tác ' đặc tính.
- Các thuộc tính này được gán các giá trị khác nhau, chẳng hạn như “ Harry ',' Tiếng Anh ', và ' 35 ”.
- Sau đó, một JSON sự vật ' objArr ”Được sử dụng để truy cập thuộc tính của các phần tử và trả về một mảng mới.
- Bên trong “ objArr ”, Một vòng lặp for được sử dụng để chèn các giá trị thuộc tính bằng cách sử dụng đẩy() phương pháp.
- Vòng lặp được thực hiện cho đến khi tất cả các giá trị thuộc tính được nhập vào “ arr ' mảng.
- Cuối cùng, objArr (giáo viên) được sử dụng để hiển thị các giá trị thuộc tính.
Đầu ra
Kết quả hiển thị các giá trị khác nhau, “Harry”, “English” và “35” bằng cách gán các thuộc tính trong JavaScript.
Ví dụ 3: Thêm hoặc xóa mảng đối tượng JSON trong JavaScript
Một ví dụ được điều chỉnh để thêm và xóa mảng các phần tử bằng cách sử dụng đối tượng JSON trong JavaScript.
Mã số
bàn điều khiển. khúc gỗ ( 'Ví dụ để sử dụng mảng theo đối tượng JSON' ) ;là arrObj = [ { 'trái cây' : 'Quả táo' } , { 'trái cây' : 'Trái chuối' } ] ;
bàn điều khiển. khúc gỗ ( JSON. xâu chuỗi ( arrObj ) ) ;
arrObj. đẩy ( { 'trái cây' : 'Quả cam' } ) ;
bàn điều khiển. khúc gỗ ( JSON. xâu chuỗi ( arrObj ) ) ;
arrObj. nhạc pop ( ) ;
bàn điều khiển. khúc gỗ ( JSON. xâu chuỗi ( arrObj ) ) ;
Mô tả của mã như sau:
- Một mảng các đối tượng JSON “ arrObj ”Được khởi tạo với hai thuộc tính trái cây.
- Sau đó, JSON.stringify () được sử dụng để chuyển đổi giá trị JavaScript thành chuỗi JSON.
- Các arrObj.push () phương thức chèn một phần tử bằng cách chuyển giá trị của “ trái cây ':' Quả cam ”Vào mảng.
- Sau đó, arrObj.pop () phương thức xóa phần tử đã nhập gần đây khỏi mảng.
- Cuối cùng, hiển thị mảng các đối tượng JSON “ arrObj ”Bằng cách sử dụng console.log () phương pháp.
Đầu ra
Đầu ra cho thấy quá trình thực thi mã ở trên bằng cách thêm và xóa các phần tử mảng “ trái cây ':' Quả cam ”Thông qua các đối tượng JSON.
Sự kết luận
Trong bài viết này, Đối tượng JSON được sử dụng để truy cập và sửa đổi các phần tử của một mảng trong JavaScript.
Đối với điều này, một cái nhìn tổng quan với hai ví dụ thực tế được cung cấp. Trong ví dụ đầu tiên, các đối tượng JSON đã truy cập các thuộc tính của mảng và hiển thị chúng trên bảng điều khiển. Trong ví dụ thứ hai, một phương thức tích hợp, stringify () , được sử dụng để thêm và xóa các thuộc tính trong mảng. Dựa trên bài viết này, người dùng có thể thêm, xóa hoặc sửa đổi các thuộc tính của một mảng bằng cách sử dụng các đối tượng JSON.