Hướng dẫn pop() trong javascript

Vì các mảng JavaScript là các đối tượng, các phần tử có thể bị xóa bằng cách sử dụng toán tử JavaScript delete:

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

delete fruits[1];	// Thay đổi giá trị phần tử thứ 2 thành undefined
					// Mảng lúc này: Banana,,Apple,Mango

Try it »

– Sử dụng delete xóa phần tử, nhưng không làm mất vị trí, giá trị ở vị trí đó được chuyển thành undefined trong mảng.
– Nếu muốn xóa luôn vị trí thì hãy sử dụng phương thức pop() hoặc shift() để thay thế.

11. Array.push() Thêm phần tử vào cuối mảng

11. Array.push() Thêm phần tử vào cuối mảng

– Phương thức push() thêm một hoặc nhiều một phần tử mới vào cuối (at the end) một mảng:

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

// Thêm phần tử mới "Kiwi" vào cuối mảng
fruits.push("Kiwi");

Try it »

– Phương thức push() trả về độ dài mới của mảng:

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var x = fruits.push("Kiwi");	// Giá trị của x là độ dài mới của mảng
								// x = 5

Try it »

12. Array.pop() Xóa phần tử cuối khỏi mảng

12. Array.pop() Xóa phần tử cuối khỏi mảng

– Phương thức pop() xóa phần tử cuối (at the end) khỏi mảng:

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

// Xóa phần tử cuối "Mango" khỏi mảng
fruits.pop();

Try it »

– Phương thức pop() trả về giá trị của phần tử đã được xóa (popped out):

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var x = fruits.pop();	// Giá trị của x là "Mango"

Try it »

13. Array.unshift() Thêm phần tử vào đầu mảng

13. Array.unshift() Thêm phần tử vào đầu mảng

– Phương thức unshift() thêm một hoặc nhiều phần tử mới vào đầu (at the beginning) một mảng:

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

// Thêm phần tử mới "Kiwi" vào đầu mảng
fruits.push("Kiwi");

Try it »

– Phương thức unshift() trả về độ dài mới của mảng:

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var x = fruits.unshift("Kiwi");	// Giá trị của x là độ dài mới của mảng
								// x = 5

Try it »

Phương thức unshift() không hoạt động đúng trong Internet Explorer 8 và IE trước đó, giá trị sẽ được chèn vào, nhưng giá trị trả về sẽ là undefined.

14. Array.shift() Xóa phần tử đầu khỏi mảng

14. Array.shift() Xóa phần tử đầu khỏi mảng

– Phương thức shift() xóa phần tử đầu (at the beginning) khỏi mảng, do đó sẽ làm thay đổi chỉ mục index của toàn bộ các phần tử phía sau (index giảm đi 1):

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

// Xóa phần tử đầu "Banana" khỏi mảng
fruits.shift();

Try it »

– Phương thức shift() trả về giá trị của phần tử đã được xóa (shifted out):

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[fruits.length] = "Kiwi";		// Thêm phần tử mới "Kiwi" vào cuối mảng fruits

0Try it »

15. Array.splice() Thêm phần tử mới vào vị trí bất kỳ

15. Array.splice() Thêm phần tử mới vào vị trí bất kỳ

– Phương thức splice() có thể được sử dụng để thêm một hoặc nhiều phần tử mới vào một mảng:

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[fruits.length] = "Kiwi";		// Thêm phần tử mới "Kiwi" vào cuối mảng fruits

1Try it »

– Ở ví dụ trên:

• 2 : tham số đầu tiên xác định vị trí mà các phần tử mới sẽ được thêm vào (nối vào).
• 0 : tham số thứ 2 xác định có bao nhiêu phần tử cần được loại bỏ (removed).
• Tham số thứ 3 (“Lemon”, “Kiwi”) xác định các phần tử mới sẽ được thêm vào.

– Phương thức splice() trả về một mảng với các phần tử đã xóa:

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[fruits.length] = "Kiwi";		// Thêm phần tử mới "Kiwi" vào cuối mảng fruits

2Try it »

16. Array.splice() Xóa phần tử tại vị trí bất kỳ

16. Array.splice() Xóa phần tử tại vị trí bất kỳ

– Phương thức splice() còn có thể được sử dụng để loại bỏ (remove) các phần tử mà không để lại vị trí của nó trong mảng, tức là remove hẳn vị trí và giá trị của phần tử (chứ không như ):

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[fruits.length] = "Kiwi";		// Thêm phần tử mới "Kiwi" vào cuối mảng fruits

3Try it »

– Ở ví dụ trên:

• 0 : tham số đầu tiên xác định vị trí mà các phần tử mới sẽ được thêm vào (nối vào).
• 1 : tham số thứ 2 xác định có bao nhiêu phần tử cần được loại bỏ (removed).
• Tham số thứ 3 được bỏ qua, nghĩa là không có phần tử mới nào được thêm vào.

17. Array.concat() Tạo mảng mới bằng cách nối các mảng với nhau

17. Array.concat() Tạo mảng mới bằng cách nối các mảng với nhau

– Phương thức concat() tạo ra một mảng mới bằng cách hợp nhất (ghép nối) các mảng hiện có:

Ví dụ: Merging 2 Arrays

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[fruits.length] = "Kiwi";		// Thêm phần tử mới "Kiwi" vào cuối mảng fruits

4Try it »

Phương thức concat() không thay đổi các mảng hiện có. Nó luôn luôn trả về một mảng mới.

– Phương thức concat() có thể có một hoặc nhiều tham số ứng với số mảng muốn gộp (ghép nối):

Ví dụ: Merging 3 Arrays

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[fruits.length] = "Kiwi";		// Thêm phần tử mới "Kiwi" vào cuối mảng fruits

5Try it »

– Phương thức concat() cũng có thể lấy các giá trị làm đối số:

Ví dụ: Merging an Array with Values

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[fruits.length] = "Kiwi";		// Thêm phần tử mới "Kiwi" vào cuối mảng fruits

6Try it »

18. Array.slice() Tạo mảng mới từ một số phần tử của một mảng khác

18. Array.slice() Tạo mảng mới từ một số phần tử của một mảng khác

– Phương thức slice() cắt ra một phần của một mảng nguồn (source array) thành một mảng mới.

– Ví dụ sau cắt ra một phần bắt đầu từ phần tử thứ 2 (“Lemon”) đến hết mảng fruits, để tạo mảng mới citrus:

Ví dụ:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[fruits.length] = "Kiwi";		// Thêm phần tử mới "Kiwi" vào cuối mảng fruits

7Try it »

Phương thức slice() tạo ra một mảng mới. Nó không loại bỏ (remove) bất kỳ phần tử nào từ mảng nguồn (source array).

– Phương thức slice() có thể có 2 tham số

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[fruits.length] = "Kiwi";		// Thêm phần tử mới "Kiwi" vào cuối mảng fruits

9.

– Ví dụ: slice(1, n) thì các giá trị của mảng mới sẽ là giá trị từ vị trí 1 đến vị trí (n – 1) được cắt ra từ mảng nguồn (source array).

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[fruits.length] = "Kiwi";		// Thêm phần tử mới "Kiwi" vào cuối mảng fruits

8Try it »

– Nếu đối số kết thúc idxEnd bị bỏ qua, thì giống như ví dụ đầu tiên, phương thức slice() sẽ cắt ra từ vị trí idxStart đến hết mảng nguồn (source array).