了解数组

118 阅读2分钟

数组

数组的创建

1.使用数组字面量

let arr = [];//创建一个空数组
let arr1 = [1,2,3];//创建长度为3的数组

数组可以包含包含对象字面量,数组字面量或其他任意表达式。

let arr5 = [{x:1,y:2},3,[4]]

2.使用Array()构造函数

let arr2 = new Array();//创建一个空数组
let arr3 = new Array(10);//**创建一个数组长度为10的数组**
let arr4 = new Array(1,2,3,4);//创建数组元素为1,2,3,4的数组

使用Array()构造函数创建数组传入的参数只有一个时,这个参数表示的是这个数组的长度。

工厂方法

1.Array.of()

可以解决使用构造函数Array创建数组是参数带来的问题。 可以创建一个数组元素的数组。

let arr6 = Array.of(10);
console.log(arr6);//[10]

2.Array.from()

可以将伪数组转换为真正的数组。

数组元素的添加和删除

数组元素的添加

1.使用索引号添加

let a =[];
//添加数组元素
let a[0] = 1;
let a[1] = 2;

2.使用push()方法添加 push()方法向数组末尾添加一个或多个数组元素。

a.push(3);
a.push(4,5);
console.log(a);//a=[1,2,3,4,5]

3.使用unshift()方法添加 该方法向数组开头添加。

数组元素的删除

1.使用pop()方法删除 2.pop()方法删除数组最后一个元素并返回该元素。 3.使用shift()方法删除数组的第一个元素。 4.使用delete操作符删除数组元素。

delete a[2];//删除数组a索引号为2的元素。
console.log(a.length);//5

数组元素使用delete操作符不会修改length属性

数组迭代器方法

1.forEach()

forEach()方法迭代数组的每个元素,并对每个元素都调用一次我们指定的函数。函数可以传递三个参数:数组元素的值,数组元素的索引和数组本身。

let data = [1,2,3,4,5]
data.forEach(function(value,index,data){
console.log(value,index,data)
})
//
![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7b2a449cc55144a4b8683f84b1d78ee7~tplv-k3u1fbpfcp-watermark.image?)

运行结果:

image.png

2.map()

map()方法调用数组的每个元素分别传递给我们指定的元素,并返回一个新的数组。

let a = [1,2,3,4]
let b = a.map(function(x){
return x*x
})
//b = [1,4,9,16]

3.filter()

filter()方法返回一个新数组,如果函数返回true或返回的值转换为true,则传给这个函数的元素就是filter()最终返回的新数组成员。

let a = [5,4,3,2,1]
let b = a.map(function(x){
return x < 3
})
//b=[2,1]