JS数组基础(一)

JavaScript 中的数组是一种用于存储多个值的数据结构。数组中的每个值称为一个元素,元素可以是任意类型的数据,包括数字、字符串、对象等。下面是一些关于 JavaScript 数组的基础知识:

一、数组的声明与创建

//定义一个一维数组
let arr1 = [1, 2, 3, 4, 5];
let arr2 = new Array(1, 2, 3, 4, 5);
let arr3 = new Array(5); //定义一个长度为5的数组,每个元素的值都是undefined
arr3[0] = 1; //改变每个位置的值

二、访问数组中的元素

与字符串相似,数组中也可以通过 [索引] 的方式来访问数组中指定位置的元素

let fruits = ['banana', 'apple'];
console.log(fruits[0]); // 输出: banana
console.log(fruits[1]); // 输出: apple

修改指定位置的元素(js中,数组中元素的值是允许被改变的)如下所示:

let numbers = [1, 22, 3, 4, 5, 6];
numbers[1] = 2; //索引1位置重新赋值2
console.log(JSON.stringify(numbers)); //[1,2,3,4,5,6]

三、数组的遍历

与字符串类似,可以通过for循环, while等循环语句来遍历数组

let myNum = [1,2,3,4,5,6,7,8,9,10];
let length = myNum.length; //数组中也可通过length属性输出数组的长度
//普通for循环
for(let i=0; i<length; i++){
    //依次访问数组中的元素并输出
    let element = myNum[i]; 
    console.log(element);
}

//for...of循环
for(let element of myNum){
    console.log(element); //依次输出1,2,3,4...
}

//for...in循环
for(let i in myNum){
    //依次访问数组中的元素并输出
    let element = myNum[i]; 
    console.log(element);
}

//while循环
let count = 0;
while(count<length){
    let element = myNum[count]; 
    console.log(element);
    count++;
}

四、数组中元素的增加与删减

添加元素

使用push在数组的末尾新增一个元素

let nums = [1,2,3];
nums.push(4); //此时nums = [1,2,3,4];

使用unshift在数组的开头新增一个元素

let fruits = ['banana', 'orange'];
fruits.unshift('apple'); // 此时: fruits = ['apple', 'banana', 'orange']

删除元素

使用 pop 方法删除数组末尾的元素

let fruits = ['apple', 'banana', 'orange'];
fruits.pop();
// 此时:fruits = ['apple', 'banana']

使用 shift 方法删除数组开头的元素

let fruits = ['apple', 'banana', 'orange'];
fruits.shift();
// 此时:fruits = ['banana', 'orange']

五、数组中元素的查找与切片

与字符串类似,数组中也有slice方法与indexOf方法,且其功能与字符串中的功能相同。

let nums = [1,2,3,4,5,6,7,8,9,10];
nums.indexOf(11); //不存在输出 -1
nums.slice(0,6); //[1,2,3,4,5]

下一节:JS数组基础(二)

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jackispy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值