在JavaScript中,数组是一种类似容器的值,可以存放其他值。数组内部的值称为元素。本文将介绍数组的基本概念、访问元素的方法,以及常用的属性和方法。
一、JavaScript数组基本概念
数组可以包含不同类型的元素,甚至可以是其他数组。以下是一个数组的示例:
示例:
var breakfast = ["coffee", "croissant"]; breakfast;
输出:
["coffee", "croissant"]
可以看到,数组中的元素可以是字符串、数字和其他数组等多种类型。例如:
var hodgepodge = [100, "paint", [200, "brush"], false]; hodgepodge;
输出:
[100, "paint", [200, "brush"], false]
二、JavaScript访问元素
要访问数组中的元素,可以使用方括号和元素的索引。例如,访问数组的第一个元素需要使用”myArray[0]”。请注意,JavaScript中的数组索引从0开始。
示例:
var sisters = ["Tia", "Tamera"]; sisters[0];
输出:
"Tia"
要获取数组的最后一个元素,可以使用数组的”length”属性减1作为索引。
var actors = ["Felicia", "Nathan", "Neil"]; actors[actors.length - 1];
输出:
"Neil"
同样可以使用相同的方式设置元素的值。
示例:
var colors = ["red", "yelo", "blue"]; colors[1] = "yellow"; colors;
输出:
["red", "yellow", "blue"]
三、JavaScript属性与方法
数组具有自己的内置变量和函数,称为属性和方法。以下是一些常用的数组属性和方法。
1、length
数组的”length”属性存储数组中元素的数量。
示例:
["a", "b", "c", 1, 2, 3].length;
输出:
6
2、concat
数组的”concat”方法返回一个新数组,该数组将两个数组的值合并在一起。
示例:
["tortilla chips"].concat(["salsa", "queso", "guacamole"]);
输出:
["tortilla chips", "salsa", "queso", "guacamole"]
3、pop
数组的”pop”方法会移除数组中的最后一个元素,并返回该元素的值。
示例:
["Jupiter", "Saturn", "Uranus", "Neptune", "Pluto"].pop();
输出:
"Pluto"
4、push
数组的”push”方法向数组添加一个元素,并返回数组的新长度。
示例:
["John", "Kate"].push(8);
输出:
3
5、reverse
数组的”reverse”方法返回一个新数组,元素的顺序与原数组相反。
示例:
["a", "b", "c"].reverse();
输出:
["c", "b", "a"]