前端开发工程师-前端基础-JavaScript_数组和方法.docx

PAGE1

PAGE1

JavaScript数组基础

1数组的创建与初始化

在JavaScript中，数组是一种用于存储多个值的变量。创建和初始化数组有多种方式，下面将详细介绍其中的几种：

1.1使用数组字面量

//创建一个包含三个元素的数组

letfruits=[apple,banana,orange];

console.log(fruits);//输出:[apple,banana,orange]

1.2使用newArray()构造函数

//创建一个空数组

letnumbers=newArray();

console.log(numbers);//输出:[]

//创建一个包含三个元素的数组

letnumbers2=newArray(1,2,3);

console.log(numbers2);//输出:[1,2,3]

//注意：使用数字作为参数时，创建的是具有特定长度的数组，而非包含数字的数组

letnumbers3=newArray(3);

console.log(numbers3);//输出:[undefined,undefined,undefined]

1.3使用Array.of()

//创建一个包含三个元素的数组

letnumbers=Array.of(1,2,3);

console.log(numbers);//输出:[1,2,3]

1.4使用Array.from()

//从类数组对象创建数组

letarrayLike={length:3};

arrayLike[0]=1;

arrayLike[1]=2;

arrayLike[2]=3;

letnumbers=Array.from(arrayLike);

console.log(numbers);//输出:[1,2,3]

//从可迭代对象创建数组

letiterable=abc;

letletters=Array.from(iterable);

console.log(letters);//输出:[a,b,c]

2数组元素的访问与修改

数组元素可以通过索引进行访问和修改。JavaScript数组的索引从0开始，这意味着第一个元素的索引为0，第二个元素的索引为1，依此类推。

2.1访问数组元素

letfruits=[apple,banana,orange];

//访问第一个元素

console.log(fruits[0]);//输出:apple

//访问最后一个元素

console.log(fruits[fruits.length-1]);//输出:orange

//使用`Array.prototype.at()`方法访问元素

console.log(fruits.at(-1));//输出:orange

2.2修改数组元素

letfruits=[apple,banana,orange];

//修改第一个元素

fruits[0]=grape;

console.log(fruits);//输出:[grape,banana,orange]

//添加一个新元素到数组末尾

fruits[fruits.length]=pear;

console.log(fruits);//输出:[grape,banana,orange,pear]

//删除数组末尾的元素

deletefruits[fruits.length-1];

console.log(fruits);//输出:[grape,banana,orange]

2.3使用Array.prototype.push()和Array.prototype.pop()

letfruits=[apple,banana,orange];

//向数组末尾添加一个新元素

fruits.push(pear);

console.log(fruits);//输出:[apple,banana,orange,pear]

//从数组末尾删除一个元素

fruits.pop();

console.log(fruits);//输出:[apple,banana,orange]

2.4使用Array.prototype.shift()和Array.prototype.unshift()

letfruits=[apple,banana,orange];

//从数组开头删除一个元素

fruits.shif