Hướng dẫn what does array () mean in javascript? - mảng () có nghĩa là gì trong javascript?

Một mảng là một biến đặc biệt, có thể chứa nhiều hơn một giá trị:

const cars = ["saab", "volvo", "bmw"];

Hãy tự mình thử »

Tại sao sử dụng mảng?

Nếu bạn có một danh sách các mặt hàng (ví dụ danh sách các tên xe hơi), việc lưu trữ xe trong các biến đơn có thể trông như thế này:

Đặt car1 = "saab"; Đặt car2 = "Volvo"; Đặt car3 = "bmw";
let car2 = "Volvo";
let car3 = "BMW";

Tuy nhiên, điều gì sẽ xảy ra nếu bạn muốn lặp qua những chiếc xe và tìm một chiếc cụ thể? Và điều gì sẽ xảy ra nếu bạn không có 3 chiếc xe, mà là 300?

Giải pháp là một mảng!

Một mảng có thể chứa nhiều giá trị dưới một tên duy nhất và bạn có thể truy cập các giá trị bằng cách tham khảo số chỉ mục.


Tạo một mảng

Sử dụng một mảng theo nghĩa đen là cách dễ nhất để tạo ra một mảng JavaScript.

Cú pháp:

const mảng_name = [item1, item2, ...]; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

Đó là một thực tế phổ biến để khai báo các mảng với từ khóa Const.const keyword.

Tìm hiểu thêm về const với các mảng trong chương: JS mảng const.const with arrays in the chapter: JS Array Const.

Không gian và ngắt đường không quan trọng. Một tuyên bố có thể kéo dài nhiều dòng:

Bạn cũng có thể tạo một mảng, sau đó cung cấp các yếu tố:

Thí dụ

CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
cars[0]= "Saab";
cars[1]= "Volvo";
cars[2]= "BMW";

Hãy tự mình thử »


Tại sao sử dụng mảng?

Nếu bạn có một danh sách các mặt hàng (ví dụ danh sách các tên xe hơi), việc lưu trữ xe trong các biến đơn có thể trông như thế này:

Đặt car1 = "saab"; Đặt car2 = "Volvo"; Đặt car3 = "bmw";

Tuy nhiên, điều gì sẽ xảy ra nếu bạn muốn lặp qua những chiếc xe và tìm một chiếc cụ thể? Và điều gì sẽ xảy ra nếu bạn không có 3 chiếc xe, mà là 300?

Giải pháp là một mảng!



Một mảng có thể chứa nhiều giá trị dưới một tên duy nhất và bạn có thể truy cập các giá trị bằng cách tham khảo số chỉ mục.

Tạo một mảngindex number:

Sử dụng một mảng theo nghĩa đen là cách dễ nhất để tạo ra một mảng JavaScript. Array indexes start with 0.

Cú pháp:


const mảng_name = [item1, item2, ...]; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

Đó là một thực tế phổ biến để khai báo các mảng với từ khóa Const.


Tìm hiểu thêm về const với các mảng trong chương: JS mảng const.

Không gian và ngắt đường không quan trọng. Một tuyên bố có thể kéo dài nhiều dòng:

Thí dụ

CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
document.getElementById("demo").innerHTML = cars;

Hãy tự mình thử »


Sử dụng từ khóa JavaScript mới

Ví dụ sau đây cũng tạo ra một mảng và gán các giá trị cho nó:

Hai ví dụ trên làm chính xác giống nhau.

Không cần phải sử dụng new Array().numbers to access its "elements". In this example, person[0] returns John:

Để đơn giản, khả năng đọc và tốc độ thực hiện, hãy sử dụng phương pháp theo nghĩa đen của mảng.names to access its "members". In this example, person.firstName returns John:


Truy cập các yếu tố mảng

Bạn truy cập một phần tử mảng bằng cách tham khảo số chỉ mục:

Lưu ý: Các chỉ mục mảng bắt đầu bằng 0.

[0] là yếu tố đầu tiên. [1] là yếu tố thứ hai.

Thay đổi một phần tử mảng
myArray[1] = myFunction;
myArray[2] = myCars;


Câu lệnh này thay đổi giá trị của phần tử đầu tiên trong cars:

Truy cập toàn bộ mảng

Với JavaScript, mảng đầy đủ có thể được truy cập bằng cách tham khảo tên mảng:
cars.sort()   // Sorts the array

const cars = ["saab", "volvo", "bmw"]; document.getEuityById ("demo"). Internhtml = xe;


Mảng là đối tượng

Mảng là một loại đối tượng đặc biệt. Toán tử typeof trong JavaScript trả về "đối tượng" cho các mảng.

Nhưng, các mảng JavaScript được mô tả tốt nhất là mảng.

Mảng sử dụng các số để truy cập "các yếu tố" của nó. Trong ví dụ này, person[0] trả lại John:
let length = fruits.length;

Hãy tự mình thử »

Đối tượng sử dụng tên để truy cập "thành viên" của nó. Trong ví dụ này, person.firstName trả lại John:


Các phần tử mảng có thể là đối tượng

Thí dụ

CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
let fruit = fruits[0];

Hãy tự mình thử »


Sử dụng từ khóa JavaScript mới

Thí dụ

CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
let fruit = fruits[fruits.length - 1];

Hãy tự mình thử »


Sử dụng từ khóa JavaScript mới

Ví dụ sau đây cũng tạo ra một mảng và gán các giá trị cho nó:

Thí dụ

CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
let fLen = fruits.length;

Sử dụng từ khóa JavaScript mới
for (let i = 0; i < fLen; i++) {
  text += "

  • " + fruits[i] + "
  • ";
    }
    text += "";

    Hãy tự mình thử »

    Ví dụ sau đây cũng tạo ra một mảng và gán các giá trị cho nó:

    Thí dụ

    CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";

    Sử dụng từ khóa JavaScript mới
    fruits.forEach(myFunction);
    text += "";

    Ví dụ sau đây cũng tạo ra một mảng và gán các giá trị cho nó:
      text += "

  • " + value + "
  • ";
    }

    Hãy tự mình thử »


    Hai ví dụ trên làm chính xác giống nhau.

    Không cần phải sử dụng new Array().

    Thí dụ

    CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
    fruits.push("Lemon");  // Adds a new element (Lemon) to fruits

    Hãy tự mình thử »

    Sử dụng từ khóa JavaScript mới

    Thí dụ

    CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
    fruits[fruits.length] = "Lemon";  // Adds "Lemon" to fruits

    Hãy tự mình thử »

    Sử dụng từ khóa JavaScript mới

    Ví dụ sau đây cũng tạo ra một mảng và gán các giá trị cho nó:

    Thí dụ

    CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
    fruits[6] = "Lemon";  // Creates undefined "holes" in fruits

    Hãy tự mình thử »


    Mảng liên kết

    Nhiều ngôn ngữ lập trình hỗ trợ các mảng với các chỉ mục được đặt tên.

    Các mảng có các chỉ mục được đặt tên được gọi là mảng liên kết (hoặc băm).

    JavaScript không hỗ trợ các mảng với các chỉ mục được đặt tên.not support arrays with named indexes.

    Trong JavaScript, các mảng luôn sử dụng các chỉ mục được đánh số. & Nbsp; & nbsp;arrays always use numbered indexes.  

    Thí dụ

    const person = []; người [0] = "John"; người [1] = "doe"; người [2] = 46; person.length; & nbsp; & nbsp; & nbsp; & nbsp; // sẽ trả về 3 người [0]; & nbsp; & nbsp; & nbsp; & nbsp;
    person[0] = "John";
    person[1] = "Doe";
    person[2] = 46;
    person.length;    // Will return 3
    person[0];        // Will return "John"

    Hãy tự mình thử »

    CẢNH BÁO !! Nếu bạn sử dụng các chỉ mục có tên, JavaScript sẽ xác định lại mảng thành một đối tượng.
    If you use named indexes, JavaScript will redefine the array to an object.

    Sau đó, một số phương thức và thuộc tính mảng sẽ tạo ra kết quả không chính xác.incorrect results.

     Example:

    const person = []; người ["FirstName"] = "John"; người ["lastName"] = "doe"; người ["tuổi"] = 46; person.length; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // sẽ trả về 0 người [0]; // sẽ trả về không xác định
    person["firstName"] = "John";
    person["lastName"] = "Doe";
    person["age"] = 46;
    person.length;     // Will return 0
    person[0];         // Will return undefined

    Hãy tự mình thử »


    Sự khác biệt giữa các mảng và đối tượng

    Trong JavaScript, các mảng sử dụng các chỉ mục được đánh số. & Nbsp; & nbsp;arrays use numbered indexes.  

    Trong JavaScript, các đối tượng sử dụng các chỉ mục được đặt tên.objects use named indexes.

    Mảng là một loại đối tượng đặc biệt, với các chỉ mục được đánh số.


    Khi nào nên sử dụng mảng. Khi nào nên sử dụng đối tượng.

    • JavaScript không hỗ trợ các mảng liên kết.
    • Bạn nên sử dụng các đối tượng khi bạn muốn các tên thành phần là chuỗi (văn bản).objects when you want the element names to be strings (text).
    • Bạn nên sử dụng các mảng khi bạn muốn tên thành phần là số.arrays when you want the element names to be numbers.

    JavaScript mảng mới ()

    JavaScript có hàm tạo mảng tích hợp new Array().

    Nhưng bạn có thể sử dụng new Array()3 một cách an toàn.

    Hai câu lệnh khác nhau này đều tạo ra một mảng trống mới có tên là điểm:

    const points = new mảng (); điểm const = [];
    const points = [];

    Hai câu lệnh khác nhau này đều tạo ra một mảng mới chứa 6 số:

    điểm const = mảng mới (40, 100, 1, 5, 25, 10); điểm const = [40, 100, 1, 5, 25, 10];
    const points = [40, 100, 1, 5, 25, 10];

    Hãy tự mình thử »

    Từ khóa new Array()4 có thể tạo ra một số kết quả bất ngờ:

    // Tạo một mảng với ba phần tử: điểm const = mảng mới (40, 100, 1);
    const points = new Array(40, 100, 1);

    Hãy tự mình thử »

    // Tạo một mảng với hai phần tử: điểm const = mảng new (40, 100);
    const points = new Array(40, 100);

    Hãy tự mình thử »

    // Tạo một mảng có một phần tử ??? điểm const = mảng mới (40); & nbsp; & nbsp;
    const points = new Array(40);  

    Hãy tự mình thử »

    Một lỗi phổ biến

    điểm const = [40];

    không giống như:

    điểm const = mảng mới (40);

    // Tạo một mảng với 40 phần tử không xác định: điểm const = mảng new (40); & nbsp; & nbsp;
    const points = new Array(40);  

    Hãy tự mình thử »


    Cách nhận biết một mảng

    Một câu hỏi phổ biến là: Làm thế nào để tôi biết nếu một biến là một mảng?

    Vấn đề là toán tử JavaScript typeof trả về "new Array()6":

    const trái cây = ["chuối", "cam", "táo"]; Let type = loại trái cây;
    let type = typeof fruits;

    Hãy tự mình thử »

    Toán tử typeOf trả về đối tượng vì một mảng JavaScript là một đối tượng.

    Giải pháp 1:

    Để giải quyết vấn đề này Ecmascript 5 (JavaScript 2009) đã xác định một phương pháp mới new Array()7:

    Giải pháp 2:

    Toán tử new Array()8 trả về đúng nếu một đối tượng được tạo bởi một hàm tạo nhất định:

    const trái cây = ["chuối", "cam", "táo"];

    Hiểu quả thể hiện mảng;

    Hãy tự mình thử »

    Hoàn thành tham chiếu mảng

    Để biết tham khảo mảng hoàn chỉnh, hãy truy cập: của chúng tôi:

    Hoàn thành tham chiếu mảng JavaScript.

    Tham chiếu chứa các mô tả và ví dụ về tất cả các thuộc tính và phương thức mảng.

    Kiểm tra bản thân với các bài tập

    Exercise:

    Nhận giá trị "new Array()9" từ mảng cars.

    const cars = ["Saab", "Volvo", "BMW"];
    let x = ;
    

    Bắt đầu bài tập


    Việc sử dụng mảng từ () phương thức là gì?

    Mảng.from () cho phép bạn tạo mảng s từ: các đối tượng không thể điều chỉnh được (các đối tượng như bản đồ và bộ);Hoặc, nếu đối tượng không được lặp lại, các đối tượng giống như mảng (các đối tượng có thuộc tính có độ dài và các phần tử được lập chỉ mục).lets you create Array s from: iterable objects (objects such as Map and Set ); or, if the object is not iterable, array-like objects (objects with a length property and indexed elements).

    Mảng có nghĩa là gì trong JavaScript?

    Trong JavaScript, mảng là một biến duy nhất được sử dụng để lưu trữ các yếu tố khác nhau.Nó thường được sử dụng khi chúng tôi muốn lưu trữ một danh sách các yếu tố và truy cập chúng bằng một biến duy nhất.a single variable that is used to store different elements. It is often used when we want to store a list of elements and access them by a single variable.

    [] Vs {} trong js là gì?

    [] đang khai báo một mảng. {} đang khai báo một đối tượng.Một mảng có tất cả các tính năng của một đối tượng có các tính năng bổ sung (bạn có thể nghĩ về một mảng giống như một lớp phụ của một đối tượng) trong đó các phương thức và khả năng bổ sung được thêm vào lớp con mảng. {} is declaring an object. An array has all the features of an object with additional features (you can think of an array like a sub-class of an object) where additional methods and capabilities are added in the Array sub-class.

    Một mảng trong JavaScript với ví dụ là gì?

    Một mảng là một đối tượng có thể lưu trữ nhiều giá trị cùng một lúc.Ví dụ: các từ const = ['xin chào', 'thế giới', 'chào mừng'];Ở đây, từ là một mảng.an object that can store multiple values at once. For example, const words = ['hello', 'world', 'welcome']; Here, words is an array.