chuyển đổi chuỗi camelCase thành/từ dấu gạch ngang Đây là một hướng dẫn ngắn về mảng đa chiều javascript với các ví dụ Trong các hướng dẫn này, Bạn sẽ học những điều sau
- Cách tạo mảng nhiều chiều với các ví dụ
- Thêm phần tử bắt đầu, giữa và kết thúc mảng nhiều chiều
- Xóa phần tử bắt đầu, giữa và kết thúc mảng nhiều chiều
- Lặp lại mảng nhiều chiều
- In và hiển thị một mảng các mảng
- Ví dụ về mảng nhiều chiều
- mảng một và hai chiều
Javascript không có sẵn cú pháp mảng đa chiều. Nhưng bạn có thể tạo một mảng các mảng. trong đó mỗi phần tử mảng là một mảng các giá trị
Mảng nhiều chiều có thể là 2 nhân 2 gọi là ma trận hoặc 2 nhân 3 Bạn cũng có thể tham khảo các bài viết khác trên Javascript Thêm, xóa mảng
Cách tạo mảng một chiều trong javascript
Trong mảng này, Mỗi phần tử là một phần tử đơn lẻ và các phần tử là chuỗi hoặc số hoặc đối tượng
Chúng ta có thể tạo mảng một chiều bằng cú pháp mảng
let numbers=[1,2,3,4]
let names=["one", "two", "three"]
Làm cách nào để tạo mảng đa chiều trong Javascript?
Mảng nhiều chiều có thể được tạo theo hai cách
Một cách, Trong mảng này, được tạo trực tiếp bằng cú pháp ký tự mảng xác định mỗi phần tử là một mảng gồm 2 phần tử
let matrix=[
["one",1],
["two",2],
["three",3],
]
Cách thứ hai, Xác định các mảng riêng lẻ thêm mảng vào đối tượng mảng chính là mảng nhiều chiều
let ones = [1, 2, 3];
let tens = [10, 20, 30];
let hundreds = [100, 200, 300];
let numbers=[ones,tens,hundreds]
Làm cách nào để truy cập các phần tử của mảng nhiều chiều?
hãy khai báo một mảng các mảng
Các phần tử có thể được truy cập bằng chỉ mục có dấu ngoặc vuông
Chỉ mục đầu tiên trỏ đến mảng bên trong đầu tiên Chỉ mục thứ hai trỏ đến các phần tử riêng lẻ của một mảng bên trong
let ones = [1, 2, 3];
let tens = [10, 20, 30];
let hundreds = [100, 200, 300];
let numbers=[ones,tens,hundreds]
console.log[numbers] // prints entire object
let ones = [1, 2, 3];
let tens = [10, 20, 30];
let hundreds = [100, 200, 300];
let numbers=[ones,tens,hundreds]
console.log[numbers[0]] //[1,2,3]
console.log[numbers[0][0]] //1
console.log[numbers[1]] //[10,20,30]
console.log[numbers[1][0]] //10
console.log[numbers[2]] // [100,200,300]
console.log[numbers[2][0]] //100
in mảng nhiều chiều
Trong javascript, bảng điều khiển. nhật ký được sử dụng để in bất kỳ đối tượng nào
nếu bạn sử dụng bảng điều khiển. log[mảng đa chiều] bạn sẽ nhận được kết quả như sau
[3] [[3] [1,2,3],
[3] [10,20,30],
[3] [100,200,300]]
Rất khó gỡ lỗi và đọc các giá trị trong bảng điều khiển
Bạn có thể sử dụng đối tượng phương thức bảng điều khiển để hiển thị định dạng bảng đẹp
-----------------------
|[index]| 0 | 1 | 1 |
| 0 | 1 | 2 | 3 |
| 1 | 10 | 20 | 30 |
| 2 | 100 | 200 | 300 |
-----------------------
Bạn cũng có thể sử dụng
let matrix=[
["one",1],
["two",2],
["three",3],
]
6 để in một mảng các mảngconsole.log[JSON.stringify[numbers]] //[[1,2,3],[10,20,30],[100,200,300]]
Thêm phần tử vào mảng nhiều chiều
Mảng Javascript cung cấp
let matrix=[
["one",1],
["two",2],
["three",3],
]
7 và let matrix=[
["one",1],
["two",2],
["three",3],
]
8 để thêm phần tử vào mảng. đẩy thêm một phần tử vào cuối một mảng Đây là một ví dụ về đẩyconsole.log[JSON.stringify[numbers]] //[[1,2,3],[10,20,30],[100,200,300]]
numbers.push[[121,123]]
console.log[JSON.stringify[numbers]] //[[1,2,3],[10,20,30],[100,200,300],[121,123]]
Phương thức
let matrix=[
["one",1],
["two",2],
["three",3],
]
8 thêm các phần tử ở bất kỳ vị trí nào với chỉ số cho trước. Trong ví dụ dưới đây, các phần tử được thêm vào phần tử thứ ba với chỉ số = 0console.log[JSON.stringify[numbers]]
numbers.splice[2,0,[121,123]]
console.log[JSON.stringify[numbers]]
Lặp mảng nhiều chiều với vòng lặp for
Có nhiều cách chúng ta có thể lặp mảng trong javascript
Giống như một mảng bình thường, chúng ta có thể sử dụng vòng lặp for để lặp từng phần tử của mảng
Đối với mảng nhiều chiều, chúng ta có thể sử dụng vòng lặp for lồng nhau trong javascript
for[var i = 0; i < numbers.length; i++] {
var number = numbers[i];
for[var j = 0; j < number.length; j++] {
console.log["[" + i + "][" + j + "] = " + number[j]];
}
}
đầu ra
let matrix=[
["one",1],
["two",2],
["three",3],
]
0forEach được giới thiệu trong ES6 để lặp lại vô số thuộc tính
Đây là các bước
- lặp mảng nhiều chiều sử dụng forEach
- kiểm tra từng yếu tố
- nếu phần tử là một mảng, hãy tiếp tục và lặp lại bằng foreach
- nếu phần tử không phải là một mảng in phần tử
let matrix=[
["one",1],
["two",2],
["three",3],
]
1đầu ra
let matrix=[
["one",1],
["two",2],
["three",3],
]
2xóa một phần tử khỏi mảng nhiều chiều
Xóa các phần tử khỏi một mảng có thể được xóa bằng phương pháp
let ones = [1, 2, 3];
let tens = [10, 20, 30];
let hundreds = [100, 200, 300];
let numbers=[ones,tens,hundreds]
0 hoặc let matrix=[
["one",1],
["two",2],
["three",3],
]
8có thể loại bỏ các phần tử Mảng nhiều chiều từ mảng chính hoặc mảng bên trong
nếu bạn muốn xóa phần tử cuối cùng, hãy sử dụng phương thức
let ones = [1, 2, 3];
let tens = [10, 20, 30];
let hundreds = [100, 200, 300];
let numbers=[ones,tens,hundreds]
0 như bên dướilet matrix=[
["one",1],
["two",2],
["three",3],
]
3để xóa một phần tử khỏi đầu mảng, hãy sử dụng phương thức shift
let matrix=[
["one",1],
["two",2],
["three",3],
]
4Để xóa một phần tử ở giữa mảng, hãy sử dụng phương thức
let matrix=[
["one",1],
["two",2],
["three",3],
]
8 Trong ví dụ bên dưới, xóa một mảng bên trong thứ hai