Nối mảng đa chiều JavaScript

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ảng

console.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ề đẩy

console.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ố = 0

console.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],
]

0

forEach đượ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],
]

2

xó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],
]

8

có 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ưới

let 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

Làm cách nào để sử dụng mối nối trong mảng nhiều chiều trong JavaScript?

Làm cách nào để ghép mảng của mảng trong JavaScript?

Làm cách nào để lấy phần tử từ mảng nhiều chiều trong JavaScript?

Làm cách nào để xóa phần tử khỏi mảng đa chiều trong JavaScript?