Tạo mảng mới từ javascript mảng hiện có

Question

Hướng dẫn này sẽ chỉ cho bạn cách mở rộng một mảng hiện có bằng một mảng khác mà không cần tạo một mảng mới trong JavaScript

Nội dung chính Show

đẩy() phương pháp
Mở rộng mảng JavaScript hiện có với các phần tử cụ thể của mảng khác
Chỉ sử dụng Toán tử trải rộng (…)
Nhận kích thước của một mảng
Truy cập các phần tử mảng
Cập nhật phần tử mảng
Thêm các yếu tố mới
Xóa phần tử mảng
Phương pháp nào được sử dụng để tạo một mảng mới từ một mảng hiện có?
Làm cách nào để sao chép mảng vào một mảng khác trong JavaScript?
Làm cách nào để sao chép một mảng trong JavaScript?

Chúng ta có thể mở rộng một mảng hiện có bằng một mảng khác theo nhiều cách. Dưới đây là một số ví dụ về chúng

đẩy() phương pháp

Phương thức

[ 1, 2, 3, 4, 5, 6 ]

0 thêm một hoặc nhiều phần tử vào cuối mảng theo thứ tự chúng được truyền vào và trả về độ dài cập nhật của mảng

Chúng tôi sẽ thêm một mảng với một mảng khác với phương thức

[ 1, 2, 3, 4, 5, 6 ]

0 sẽ mở rộng mảng như bên dưới

const myArray1 = [1, 2, 3];
const myArray2 = [4, 5, 6];

myArray1.push(...myArray2);

console.log(myArray1);

Trong chương trình trên, tôi đã sử dụng toán tử trải (

[ 1, 2, 3, 4, 5, 6 ]

2) để trải các phần tử từ một mảng sang phương thức

[ 1, 2, 3, 4, 5, 6 ]

0 dưới dạng tham số

đầu ra

[ 1, 2, 3, 4, 5, 6 ]

Chúng ta cũng có thể sử dụng

[ 1, 2, 3, 4, 5, 6 ]

4với phương thức đẩy thay vì toán tử trải rộng để thêm các phần tử từ một mảng vào một mảng hiện có và mở rộng mảng hiện có

const myArray1 = [1, 2, 3];
const myArray2 = [4, 5, 6];

myArray1.push.apply(myArray1, myArray2);

console.log(myArray1);

Trong chương trình trên, tôi đã sử dụng phương thức

[ 1, 2, 3, 4, 5, 6 ]

4 trên phương thức

[ 1, 2, 3, 4, 5, 6 ]

0 và chuyển

[ 1, 2, 3, 4, 5, 6 ]

7 làm đối số đầu tiên và

[ 1, 2, 3, 4, 5, 6 ]

8 làm đối số thứ hai. Tất cả các phần tử của

[ 1, 2, 3, 4, 5, 6 ]

8 sẽ được đẩy vào cuối của

const myArray1 = [1, 2, 3];
const myArray2 = [4, 5, 6];

myArray1.push.apply(myArray1, myArray2);

console.log(myArray1);

0

đầu ra

[ 1, 2, 3, 4, 5, 6 ]

Mở rộng mảng JavaScript hiện có với các phần tử cụ thể của mảng khác

Phương thức

[ 1, 2, 3, 4, 5, 6 ]

0 cũng có thể được sử dụng để thêm một phần tử cụ thể từ một mảng này sang một mảng khác như bên dưới

const myArray1 = [1, 2, 3];
const myArray2 = [4, 5, 6];

myArray1.push(myArray2[1]);

console.log(myArray1);

đầu ra

[ 1, 2, 3, 5 ]

Chỉ sử dụng Toán tử trải rộng (…)

Toán tử trải rộng (

[ 1, 2, 3, 4, 5, 6 ]

2) là một cách đơn giản để mở rộng một mảng hiện có với một mảng khác bằng cách thêm các phần tử từ một mảng vào một mảng hiện có mà không cần tạo một mảng mới

let myArray1 = [3, 5, 7];
const myArray2 = [9, 11, 13];

myArray1 = [...myArray1, ...myArray2];

console.log(myArray1);

Trong chương trình trên, tôi đã kết hợp

[ 1, 2, 3, 4, 5, 6 ]

7 và

[ 1, 2, 3, 4, 5, 6 ]

8 bằng cách sử dụng phương pháp

const myArray1 = [1, 2, 3];
const myArray2 = [4, 5, 6];

myArray1.push.apply(myArray1, myArray2);

console.log(myArray1);

5 và gán kết quả lại cho

[ 1, 2, 3, 4, 5, 6 ]

7

Chúng ta đã biết rằng một biến chỉ có thể chứa một giá trị. Chúng ta không thể gán nhiều giá trị cho một biến. Mảng JavaScript là một loại biến đặc biệt, có thể lưu trữ nhiều giá trị bằng một cú pháp đặc biệt

Sau đây khai báo một mảng có năm giá trị số

let numArr = [10, 20, 30, 40, 50];

Trong mảng trên,

let numArr = new Array(10, 20, 30, 40, 50);

5 là tên của một biến mảng. Nhiều giá trị được gán cho nó bằng cách tách chúng bằng dấu phẩy bên trong dấu ngoặc vuông là

let numArr = new Array(10, 20, 30, 40, 50);

6. Do đó, biến

let numArr = new Array(10, 20, 30, 40, 50);

5 lưu trữ năm giá trị số. Mảng

let numArr = new Array(10, 20, 30, 40, 50);

5 được tạo bằng cú pháp chữ và đó là cách tạo mảng ưa thích

Một cách khác để tạo mảng là sử dụng hàm tạo

let numArr = new Array(10, 20, 30, 40, 50);

9, như hình bên dưới

let numArr = new Array(10, 20, 30, 40, 50);

Mỗi giá trị được liên kết với một chỉ mục số bắt đầu bằng 0. Hình dưới đây minh họa cách một mảng lưu trữ các giá trị

Biểu diễn mảng JavaScript

Sau đây là một số ví dụ khác về mảng lưu trữ các loại dữ liệu khác nhau

Thí dụ. Cú pháp ký tự mảng

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

Thử nó

Không bắt buộc phải lưu trữ cùng loại giá trị trong một mảng. Nó cũng có thể lưu trữ các giá trị của các loại khác nhau

let data = [1, "Steve", "DC", true, 255000, 5.5];

Nhận kích thước của một mảng

Sử dụng thuộc tính

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

0 để lấy tổng số phần tử trong một mảng. Nó thay đổi khi bạn thêm hoặc xóa các phần tử khỏi mảng

Thí dụ. Nhận kích thước mảng

let cities = ["Mumbai", "New York", "Paris", "Sydney"];
console.log(cities.length); //4

cities[4] = "Delhi"; 
console.log(cities.length); //5

Thử nó

Truy cập các phần tử mảng

Các phần tử mảng (giá trị) có thể được truy cập bằng chỉ mục. Chỉ định một chỉ mục trong dấu ngoặc vuông với tên mảng để truy cập phần tử tại một chỉ mục cụ thể như

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

1. Lưu ý rằng chỉ số của một mảng bắt đầu từ số không

Thí dụ. Truy cập các phần tử mảng

let numArr = [10, 20, 30, 40, 50];
console.log(numArr[0]); // 10
console.log(numArr[1]); // 20
console.log(numArr[2]); // 30
console.log(numArr[3]); // 40
console.log(numArr[4]); // 50

let cities = ["Mumbai", "New York", "Paris", "Sydney"];

console.log(cities[0]); // "Mumbai"
console.log(cities[1]); // "New York"
console.log(cities[2]); // "Paris"
console.log(cities[3]); // "Sydney"

//accessing element from nonexistance index
console.log(cities[4]); // undefined

Thử nó

Đối với các trình duyệt mới, bạn có thể sử dụng phương thức

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

2 để lấy phần tử từ chỉ mục đã chỉ định. Điều này giống với

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

3 ngoại trừ việc

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

4 trả về một phần tử từ phần tử cuối cùng nếu chỉ mục được chỉ định là âm

Thí dụ. Truy cập mảng sử dụng at()

let numArr = [10, 20, 30, 40, 50];
console.log(numArr.at(0)); // 10
console.log(numArr.at(1)); // 20
console.log(numArr.at(2)); // 30
console.log(numArr.at(3)); // 40
console.log(numArr.at(4)); // 50
console.log(numArr.at(5)); // undefined

//passing negative index
console.log(numArr.at(-1)); // 50
console.log(numArr.at(-2)); // 40
console.log(numArr.at(-3)); // 30
console.log(numArr.at(-4)); // 20
console.log(numArr.at(-5)); // 10
console.log(numArr.at(-6)); // undefined

Thử nó

Bạn có thể lặp một mảng bằng cách sử dụng vòng lặp

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

5, for, for-of và for-in, như minh họa bên dưới

Thí dụ. Truy cập các phần tử mảng

let numArr = [10, 20, 30, 40, 50];

numArr.forEach(i =>  console.log(i)); //prints all elements

for(let i=0; i<numArr.length; i++)
  console.log(numArr[i]);

for(let i of numArr)
  console.log(i);

for(let i in numArr)
  console.log(numArr[i]);

Thử nó

Cập nhật phần tử mảng

Bạn có thể cập nhật các phần tử của một mảng tại một chỉ mục cụ thể bằng cách sử dụng cú pháp

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

6

Thí dụ. Cập nhật phần tử mảng

let cities = ["Mumbai", "New York", "Paris", "Sydney"];

cities[0] = "Delhi"; 
cities[1] = "Los angeles";

console.log(cities); //["Delhi", "Los angeles", "Paris", "Sydney"]

Thử nó

Thêm các yếu tố mới

Bạn có thể thêm các phần tử mới bằng cách sử dụng cú pháp

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

6. Chỉ cần đảm bảo rằng chỉ mục lớn hơn chỉ mục cuối cùng. Nếu bạn chỉ định một chỉ mục hiện có thì nó sẽ cập nhật giá trị

Thí dụ. Thêm phần tử mảng

let cities = ["Mumbai", "New York", "Paris", "Sydney"];

cities[4] = "Delhi"; //add new element at last
console.log(cities); //["Mumbai", "New York", "Paris", "Sydney", "Delhi"]

cities[cities.length] = "London";//use length property to specify last index
console.log(cities); //["Mumbai", "New York", "Paris", "Sydney", "Delhi", "London"]

cities[9] = "Pune"; 
console.log(cities); //["Mumbai", "New York", "Paris", "Sydney", "Delhi", "Londen", undefined, undefined, undefined, "Pune"]

Thử nó

Trong ví dụ trên,

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

8 thêm

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

9 vào chỉ mục thứ 9 và tất cả các chỉ mục không được khai báo khác là không xác định

Cách được đề xuất để thêm các phần tử vào cuối là sử dụng phương thức

let data = [1, "Steve", "DC", true, 255000, 5.5];

0. Nó thêm một phần tử vào cuối một mảng

Thí dụ. Thêm phần tử cuối cùng bằng cách sử dụng push()

let numArr = new Array(10, 20, 30, 40, 50);

0

Thử nó

Sử dụng phương thức

let data = [1, "Steve", "DC", true, 255000, 5.5];

1 để thêm phần tử vào đầu mảng

Thí dụ. Thêm phần tử bằng unshift()

let numArr = new Array(10, 20, 30, 40, 50);

1

Thử nó

Xóa phần tử mảng

Phương thức

let data = [1, "Steve", "DC", true, 255000, 5.5];

2 trả về phần tử cuối cùng và loại bỏ nó khỏi mảng

Thí dụ. Xóa phần tử cuối cùng

let numArr = new Array(10, 20, 30, 40, 50);

2

Thử nó

Phương thức

let data = [1, "Steve", "DC", true, 255000, 5.5];

3 trả về phần tử đầu tiên và loại bỏ nó khỏi mảng

Thí dụ. Xóa phần tử đầu tiên

let numArr = new Array(10, 20, 30, 40, 50);

3

Thử nó

Bạn không thể loại bỏ các phần tử ở giữa khỏi một mảng. Bạn sẽ phải tạo một mảng mới từ một mảng hiện có mà không có phần tử mà bạn không muốn, như hình bên dưới

Phương pháp nào được sử dụng để tạo một mảng mới từ một mảng hiện có?

concat. Phương thức arr. concat tạo một mảng mới bao gồm các giá trị từ các mảng khác và các mục bổ sung. Nó chấp nhận bất kỳ số lượng đối số nào - mảng hoặc giá trị.