JavaScript Array对象
精华
小牛编辑
126浏览
2023-03-14
数组是值的有序集合,数组中的每个值称为一个元素,每个元素在数组中都有一个数字位置,称为索引,索引从 0 开始,依次递增。在 JavaScript 中,您可以使用 Array 对象定义数组,此外,Array 对象中还提供了各种有关数组的属性和方法。
创建 Array 对象的语法格式如下:
示例代码如下:
示例代码如下:
示例代码如下:
创建 Array 对象的语法格式如下:
var arr = new Array(values);
var arr = Array(values);
示例代码如下:
var fruits = new Array( "apple", "orange", "mango" ); console.log(fruits); // 输出:["apple", "orange", "mango"]
提示:在使用 new Array() 来定义数组时,如果只提供一个数值参数,那么这个数值将用来表示数组的初始长度,例如 new Array(5)
表示定义一个长度为 5 的数组。JavaScript 中,数组允许的最大长度为 2³²-1,即 4294967295。
[ ]
来定义数组,
[ ]
中为数组中的各个元素,多个元素之间使用逗号
,
进行分隔。示例代码如下:
var fruits = [ "apple", "orange", "mango" ]; console.log(fruits); // 输出:(3) ["apple", "orange", "mango"]您可以通过数组的索引来访问数组中的各个元素,示例代码如下:
var fruits = [ "apple", "orange", "mango" ]; document.write(fruits[0] + "<br>"); // 输出:apple document.write(fruits[1] + "<br>"); // 输出:orange document.write(fruits[2] + "<br>"); // 输出:mango
Array 对象中的属性
下表中列举了 Array 对象中提供的属性及其描述信息:属性 | 描述 |
---|---|
constructor | 返回创建数组对象的原型函数 |
length | 设置或返回数组中元素的个数 |
prototype | 通过该属性您可以向对象中添加属性和方法 |
示例代码如下:
var cars = new Array("Saab", "Volvo", "BMW"); Array.prototype.name = null; cars.name = "JavaScript"; document.write(cars.constructor + "<br>"); // 输出:function Array() { [native code] } document.write(cars.length + "<br>"); // 输出:3 document.write(cars.name + "<br>"); // 输出:JavaScript
Array 对象中的方法
下表中列举了 Array 对象中提供的方法及其描述信息:方法 | 描述 |
---|---|
concat() | 拼接两个或更多的数组,并返回结果 |
copyWithin() | 从数组的指定位置拷贝元素到数组的另一个指定位置中 |
entries() | 返回数组的可迭代对象 |
every() | 检测数值元素的每个元素是否都符合条件 |
fill() | 使用一个固定值来填充数组 |
filter() | 检测数值元素,并返回符合条件所有元素的数组 |
find() | 返回符合传入函数条件的数组元素 |
findIndex() | 返回符合传入函数条件的数组元素索引 |
forEach() | 数组每个元素都执行一次回调函数 |
from() | 通过给定的对象中创建一个数组 |
includes() | 判断一个数组是否包含一个指定的值 |
indexOf() | 搜索数组中的元素,并返回它所在的位置 |
isArray() | 判断对象是否为数组 |
join() | 把数组的所有元素放入一个字符串 |
keys() | 返回数组的可迭代对象,包含原始数组的键(key) |
lastIndexOf() | 搜索数组中的元素,并返回它最后出现的位置 |
map() | 通过指定函数处理数组的每个元素,并返回处理后的数组 |
pop() | 删除数组的最后一个元素并返回删除的元素 |
push() | 向数组的末尾添加一个或更多元素,并返回数组的长度 |
reduce() | 累加(从左到右)数组中的所有元素,并返回结果 |
reduceRight() | 累加(从右到左)数组中的所有元素,并返回结果 |
reverse() | 反转数组中元素的顺序 |
shift() | 删除并返回数组的第一个元素 |
slice() | 截取数组的一部分,并返回这个新的数组 |
some() | 检测数组元素中是否有元素符合指定条件 |
sort() | 对数组的元素进行排序 |
splice() | 从数组中添加或删除元素 |
toString() | 把数组转换为字符串,并返回结果 |
unshift() | 向数组的开头添加一个或多个元素,并返回新数组的长度 |
valueOf() | 返回数组对象的原始值 |
示例代码如下:
var fruits = ["Orange", "Banana", "Apple", "Papaya", "Mango"]; document.write(fruits.entries() + "<br>"); // 返回:[object Array Iterator] document.write(fruits.includes("Apple") + "<br>"); // 返回:true document.write(fruits.fill("grape") + "<br>"); // 返回:grape,grape,grape,grape,grape var fruits = ["Orange", "Banana", "Apple", "Papaya", "Mango"]; document.write(fruits.indexOf("Mango") + "<br>"); // 返回:4 document.write(Array.isArray(fruits) + "<br>"); // 返回:true document.write(fruits.join("-") + "<br>"); // 返回:Orange-Banana-Apple-Papaya-Mango document.write(fruits.lastIndexOf("Banana") + "<br>"); // 返回:1 document.write(fruits.pop() + "<br>"); // 返回:Mango document.write(fruits.push("Watermelon") + "<br>"); // 返回:5 document.write(fruits.unshift("Lemon","Pineapple") + "<br>"); // 返回:7 document.write(fruits.slice(1, 5) + "<br>"); // 返回:Pineapple,Orange,Banana,Apple document.write(fruits.sort() + "<br>"); // 返回:Apple,Banana,Lemon,Orange,Papaya,Pineapple,Watermelon document.write(fruits.valueOf() + "<br>"); // 返回:Apple,Banana,Lemon,Orange,Papaya,Pineapple,Watermelon