Mảng trong javascript

Trang chủ Javascript Mảng trong javascript

Mảng trong javascript

Nguyễn Dương 19-06-2024

Giới thiệu về array

- Array (mảng) là một cấu trúc dữ liệu quan trọng trong JS, cho phép lưu trữ các giá trị khác nhau vào trong một biến duy nhất

Khai báo array

Có 2 cách khai báo mảng:

1. const array = [ item1, item2 ]

2. const array = new Array(item1, item2)

Truy cập một phần tử trong array theo chỉ mục

- Chỉ số của Mảng bắt đầu từ 0 đến n-1 ( Mảng có n phần tử )

- Để truy cập đến phần tử thứ k thì ta gọi array[k-1]

Chiều dài của array với thuộc tính length

- Để truy xuất độ dài của Mảng (số phần tử của Mảng) sử dụng length, length được gọi là một thuộc tính của mảng

Các phương thức cơ bản của array

push – thêm một phần tử vào cuối array

unshift – thêm một phần tử vào đầu array

pop – gỡ một phần tử khỏi đuôi array

shift – gỡ một phần tử khỏi đầu array

indexof - chỉ ra vị trí của 1 phần tử trong array

Hàm index trả về vị trí của phần tử trong mảng và trả về -1 nếu không tìm thấy.

includes – chỉ ra phần tử có xuất hiện trong array không

Hàm includes trả về giá trị true/ false. Phương thức này sử dụng phép so sánh ===

toán tử spread (dấu …)

Phương thức slice: trích xuất một số phần tử trong mảng, trả về một mảng mới, còn mảng cũ thì không bị ảnh hưởng

Phương thức splice: dùng để thay thế một số phần tử trong mảng bằng phần tử khác

Phương thức reverse: đảo ngược thứ tự của các phần tử trong mảng

Phương thức concat: nối các mảng lại với nhau thành một mảng mới

Phương thức join: nối các phần tử của mảng lại với nhau thành một chuỗi

map: Lặp qua từng phần tử trong mảng và cho phép xử lý giá trị của từng phần tử

filter: Lọc các phần tử trong mảng theo điều kiện đưa vào

reduce: đây là một method được thêm vào mảng kể từ phiên bản ES6, duyệt qua từng phần tử trong mảng, cộng dồn các giá trị phần tử và trả về một giá trị cuối cùng

forEach: lặp tuần tự qua từng phần tử trong mảng nhưng không làm thay đổi mảng gốc

Ví dụ: Vòng lặp forEach và map

    const numbers = [1, 2, 3, 4, 5, 6];
    let sum = 0;

    numbers.forEach((element) => {
      sum += element;
    });

    const numbers2 = numbers.map((element) => {
      return element + 1;
    });

    console.log(sum);
    console.log(numbers);
    console.log(numbers2);