Đối tượng mảng javascript
Đối tượng mảng được sử dụng để lưu trữ nhiều giá trị trong một biến duy nhất.
Phương thức và thuộc tính mảng JavaScript
| Concat [] | Tham gia các mảng và trả về một mảng với các mảng đã tham gia |
| người xây dựng | Trả về hàm tạo nguyên mẫu của đối tượng mảng |
| copywithin [] | Bản sao các phần tử mảng trong mảng, đến và từ các vị trí được chỉ định |
| mục[] | Trả về đối tượng Lặp mảng cặp khóa/giá trị |
| mọi[] | Kiểm tra xem mọi phần tử trong một mảng vượt qua bài kiểm tra |
| lấp đầy[] | Điền vào các phần tử vào một mảng có giá trị tĩnh |
| lọc[] | Tạo một mảng mới với mọi phần tử trong một mảng vượt qua bài kiểm tra |
| tìm thấy[] | Trả về giá trị của phần tử đầu tiên trong một mảng vượt qua bài kiểm tra |
| FindIndex [] | Trả về chỉ mục của phần tử đầu tiên trong một mảng vượt qua bài kiểm tra |
| cho mỗi[] | Gọi một hàm cho mỗi phần tử mảng |
| từ[] | Tạo một mảng từ một đối tượng |
| bao gồm[] | Kiểm tra xem một mảng có chứa phần tử được chỉ định không |
| Chỉ số[] | Tìm kiếm mảng cho một phần tử và trả về vị trí của nó |
| Isarray [] | Kiểm tra xem một đối tượng có phải là một mảng không |
| tham gia[] | Tham gia tất cả các phần tử của một mảng vào một chuỗi |
| Chìa khóa [] | Trả về một đối tượng lặp mảng, chứa các khóa của mảng gốc |
| Lastindexof [] | Tìm kiếm mảng cho một phần tử, bắt đầu từ cuối và trả về vị trí của nó |
| chiều dài | Đặt hoặc trả về số lượng phần tử trong một mảng |
| bản đồ[] | Tạo một mảng mới với kết quả gọi hàm cho mỗi phần tử mảng |
| nhạc pop[] | Loại bỏ phần tử cuối cùng của một mảng và trả về phần tử đó |
| nguyên mẫu | Cho phép bạn thêm các thuộc tính và phương thức vào một đối tượng mảng |
| đẩy[] | Thêm các yếu tố mới vào cuối một mảng và trả về độ dài mới |
| giảm[] | Giảm các giá trị của một mảng xuống một giá trị duy nhất [đi từ trái sang phải] |
| Giảm thiểu [] | Giảm các giá trị của một mảng xuống một giá trị duy nhất [đi từ phải sang trái] |
| đảo ngược[] | Đảo ngược thứ tự của các yếu tố trong một mảng |
| sự thay đổi[] | Xóa phần tử đầu tiên của một mảng và trả về phần tử đó |
| lát cắt[] | Chọn một phần của một mảng và trả về mảng mới |
| một số[] | Kiểm tra xem bất kỳ phần tử nào trong một mảng vượt qua bài kiểm tra |
| loại[] | Sắp xếp các yếu tố của một mảng |
| splice [] | Thêm/xóa các phần tử khỏi một mảng |
| toString [] | Chuyển đổi một mảng thành một chuỗi và trả về kết quả |
| unspt [] | Thêm các yếu tố mới vào đầu một mảng và trả về độ dài mới |
| giá trị của[] | Trả về giá trị nguyên thủy của một mảng |
Chuyển đổi mảng thành chuỗi
Phương thức JavaScript toString[] chuyển đổi một mảng thành một chuỗi các giá trị mảng [dấu phẩy].
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. innerHtml = fruits.ToString [];
document.getElementById["demo"].innerHTML = fruits.toString[];
Result:
Chuối, cam, táo, xoài
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Nó hoạt động giống như toString[], nhưng ngoài ra, bạn có thể chỉ định phân tách:
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. innerHtml = fruits.ToString [];
document.getElementById["demo"].innerHTML = fruits.join[" * "];
Result:
Chuối, cam, táo, xoài
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Nó hoạt động giống như toString[], nhưng ngoài ra, bạn có thể chỉ định phân tách:
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. Internhtml = fruits.join [" *"];
Chuối * cam * táo * xoàiout of an array, or pushing items into an array.
Bật và đẩy
Khi bạn làm việc với các mảng, thật dễ dàng để loại bỏ các yếu tố và thêm các yếu tố mới.
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. innerHtml = fruits.ToString [];
fruits.pop[];
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. innerHtml = fruits.ToString [];
let fruit = fruits.pop[];
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Nó hoạt động giống như toString[], nhưng ngoài ra, bạn có thể chỉ định phân tách:
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. innerHtml = fruits.ToString [];
fruits.push["Kiwi"];
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. innerHtml = fruits.ToString [];
let length = fruits.push["Kiwi"];
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Nó hoạt động giống như toString[], nhưng ngoài ra, bạn có thể chỉ định phân tách:
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. Internhtml = fruits.join [" *"];
Chuối * cam * táo * xoài
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. innerHtml = fruits.ToString [];
fruits.shift[];
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. innerHtml = fruits.ToString [];
let fruit = fruits.shift[];
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Nó hoạt động giống như toString[], nhưng ngoài ra, bạn có thể chỉ định phân tách:
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. innerHtml = fruits.ToString [];
fruits.unshift["Lemon"];
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. innerHtml = fruits.ToString [];
fruits.unshift["Lemon"];
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Nó hoạt động giống như toString[], nhưng ngoài ra, bạn có thể chỉ định phân tách:index number:
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. Internhtml = fruits.join [" *"];indexes start with 0:
Chuối * cam * táo * xoài
[1] is the second
[2] is the third ...
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. innerHtml = fruits.ToString [];
fruits[0] = "Kiwi";
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Nó hoạt động giống như toString[], nhưng ngoài ra, bạn có thể chỉ định phân tách:
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. innerHtml = fruits.ToString [];
fruits[fruits.length] = "Kiwi";
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Nó hoạt động giống như toString[], nhưng ngoài ra, bạn có thể chỉ định phân tách:
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. Internhtml = fruits.join [" *"];
Chuối * cam * táo * xoài
Bật và đẩy
Thí dụ
Khi bạn làm việc với các mảng, thật dễ dàng để loại bỏ các yếu tố và thêm các yếu tố mới.
delete fruits[0];
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Nó hoạt động giống như toString[], nhưng ngoài ra, bạn có thể chỉ định phân tách:
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. Internhtml = fruits.join [" *"];
Chuối * cam * táo * xoài
const myBoys = ["Emil", "Tobias", "Linus"];
Bật và đẩy
Hãy tự mình thử »
Phương thức join[] cũng tham gia tất cả các phần tử mảng thành một chuỗi.
Nó hoạt động giống như toString[], nhưng ngoài ra, bạn có thể chỉ định phân tách:
const fruits = ["chuối", "cam", "táo", "xoài"]; document.getEuityById ["demo"]. Internhtml = fruits.join [" *"];
Chuối * cam * táo * xoài
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat[arr2, arr3];
Hãy tự mình thử »
Phương pháp toString[]6 cũng có thể lấy các chuỗi làm đối số:
Ví dụ [hợp nhất một mảng có giá trị]
const Arr1 = ["emil", "Tobias", "linus"]; const mychildren = arr1.concat ["Peter"]; & nbsp;
const myChildren = arr1.concat["Peter"];
Hãy tự mình thử »
Nối và cắt các mảng
Phương pháp join[]0 thêm các mục mới vào một mảng.
Phương pháp join[]1 cắt ra một phần của một mảng.
JavaScript mảng splice []
Phương thức join[]0 có thể được sử dụng để thêm các mục mới vào một mảng:
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; trái cây.splice [2, 0, "chanh", "kiwi"];
fruits.splice[2, 0, "Lemon", "Kiwi"];
Hãy tự mình thử »
Tham số đầu tiên [2] xác định vị trí nơi các phần tử mới nên được thêm vào [được ghép vào].where new elements should be added [spliced in].
Tham số thứ hai [0] xác định số lượng phần tử sẽ được loại bỏ.how many elements should be removed.
Phần còn lại của các tham số ["Lemon", "Kiwi"] xác định các yếu tố mới sẽ được thêm vào.added.
Phương thức join[]0 trả về một mảng với các mục đã xóa:
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; trái cây.splice [2, 0, "chanh", "kiwi"];
fruits.splice[2, 2, "Lemon", "Kiwi"];
Hãy tự mình thử »
Tham số đầu tiên [2] xác định vị trí nơi các phần tử mới nên được thêm vào [được ghép vào].
Tham số thứ hai [0] xác định số lượng phần tử sẽ được loại bỏ.
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; trái cây.splice [2, 0, "chanh", "kiwi"];
fruits.splice[0, 1];
Hãy tự mình thử »
Tham số đầu tiên [2] xác định vị trí nơi các phần tử mới nên được thêm vào [được ghép vào].added [spliced in].
Tham số thứ hai [0] xác định số lượng phần tử sẽ được loại bỏ.how many elements should be removed.
Phần còn lại của các tham số ["Lemon", "Kiwi"] xác định các yếu tố mới sẽ được thêm vào.
Phương thức join[]0 trả về một mảng với các mục đã xóa:
const fruits = ["chuối", "cam", "táo", "xoài"]; trái cây.splice [2, 2, "chanh", "kiwi"];
Sử dụng splice [] để loại bỏ các phần tử
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; trái cây.splice [2, 0, "chanh", "kiwi"];
const citrus =
fruits.slice[1];
Hãy tự mình thử »
Tham số đầu tiên [2] xác định vị trí nơi các phần tử mới nên được thêm vào [được ghép vào].
Tham số thứ hai [0] xác định số lượng phần tử sẽ được loại bỏ.
Phần còn lại của các tham số ["Lemon", "Kiwi"] xác định các yếu tố mới sẽ được thêm vào.
Phương thức join[]0 trả về một mảng với các mục đã xóa:
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; trái cây.splice [2, 0, "chanh", "kiwi"];
const citrus =
fruits.slice[3];
Hãy tự mình thử »
Tham số đầu tiên [2] xác định vị trí nơi các phần tử mới nên được thêm vào [được ghép vào].
Tham số thứ hai [0] xác định số lượng phần tử sẽ được loại bỏ.
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; trái cây.splice [2, 0, "chanh", "kiwi"];
const citrus = fruits.slice[1, 3];
Hãy tự mình thử »
Tham số đầu tiên [2] xác định vị trí nơi các phần tử mới nên được thêm vào [được ghép vào].
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; trái cây.splice [2, 0, "chanh", "kiwi"];
const citrus = fruits.slice[2];
Hãy tự mình thử »
Tham số đầu tiên [2] xác định vị trí nơi các phần tử mới nên được thêm vào [được ghép vào].
Tham số thứ hai [0] xác định số lượng phần tử sẽ được loại bỏ.
Phần còn lại của các tham số ["Lemon", "Kiwi"] xác định các yếu tố mới sẽ được thêm vào.
Phương thức join[]0 trả về một mảng với các mục đã xóa:
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; trái cây.splice [2, 0, "chanh", "kiwi"];
document.getElementById["demo"].innerHTML = fruits.toString[];
Hãy tự mình thử »
Thí dụ
const fruits = ["chuối", "cam", "táo", "xoài"]; trái cây.splice [2, 0, "chanh", "kiwi"];
document.getElementById["demo"].innerHTML = fruits;
Hãy tự mình thử »
Tham số đầu tiên [2] xác định vị trí nơi các phần tử mới nên được thêm vào [được ghép vào].
Tham số thứ hai [0] xác định số lượng phần tử sẽ được loại bỏ.
Phần còn lại của các tham số ["Lemon", "Kiwi"] xác định các yếu tố mới sẽ được thêm vào.
Phương thức join[]0 trả về một mảng với các mục đã xóa:
const fruits = ["chuối", "cam", "táo", "xoài"]; trái cây.splice [2, 2, "chanh", "kiwi"];
Sử dụng splice [] để loại bỏ các phần tử
Với cài đặt tham số thông minh, bạn có thể sử dụng join[]0 để xóa các phần tử mà không để lại "lỗ hổng" trong mảng:
const fruits = ["chuối", "cam", "táo", "xoài"]; trái cây.splice [0, 1];
Tham số đầu tiên [0] xác định vị trí nơi các phần tử mới nên được thêm vào [được ghép vào].
Tham số thứ hai [1] xác định số lượng phần tử nên được loại bỏ.
Phần còn lại của các tham số được bỏ qua. Không có yếu tố mới sẽ được thêm vào.
Slice mảng javascript []
Exercise:
Phương pháp join[]1 cắt một phần của một mảng thành một mảng mới.last item of the toString[]1 array.
const fruits = ["Banana", "Orange", "Apple"]; ;
Ví dụ này cắt bỏ một phần của một mảng bắt đầu từ phần tử mảng 1 ["màu cam"]: