2021-04-22

前言

本人B站大学在读生,自学尚硅谷JavaScript(https://www.bilibili.com/video/BV1p4411u7TT),半年前只是会开关机打游戏的咸鱼,初入IT界,本贴记录日常的学习笔记分享心得,见笑。

数组(Array)

数组使用数字来作为索引操作元素

——索引:

从0开始的整数就是索引

创建一个数组

//用函数方法创建一个数组
var arr = new Array();

//使用字面量来创建数组
var arr=[];

那么两种创建数组的方式有什么区别?

2021-04-22_第1张图片

 

2021-04-22_第2张图片

以函数方法创建,数组返回的值为[empty * 10],length返回值为10。即创建了一个数组中元素为空,长度为10的数组。

以字面量方法创建,数组返回[10],length返回值为1。即创建了一个数组中只有一个元素为10,长度为1的数组。

向数组中添加元素

语法:数组[索引] = 值;

arr[0] = 1;
arr[1] = 2;
arr[2] = 3;

读取数组中的元素

语法:数组[索引];

console.log(arr[0]);

如果读取不存在的索引,不会报错而是返回Undefined。

获取数组长度

可以使用length属性来获取数组长度(元素的个数)

语法:数组.length

console.log(arr.length);

修改数组长度

length不仅可以用来获取数组长度,还可以用来修改数组长度

语法:数组.length = 值;

arr.length = 10;
console.log(arr);

2021-04-22_第3张图片

如果修改数组长度大于原长度,则多出的部分为空。

arr.length = 1;
console.log(arr);

2021-04-22_第4张图片

如果修改数组的长度小于原长度,则多出的元素会被删除。

数组的四个方法

1、push();

该方法可以向数组的末尾添加一个或多个元素,并返回数组新的长度

var arr = ["我是0号","我是1号","我是2号"];
console.log(arr);
var result = arr.push("我是三号","我是四号");
console.log(arr);
console.log("result= "+result);

2021-04-22_第5张图片

2、pop();

该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回。

接着上面的代码操作

var result = arr.pop();
console.log(arr);
console.log("result= "+result);

2021-04-22_第6张图片

3、unshift();

该方法可以向数组的开头添加一个或多个元素,并返回新的数组长度(和push一样,push从后加,unshift从前加)。

接着上面的代码操作

var result = arr.unshift("我才是真正的0号","我才是真正的1号");
console.log(arr);
console.log("result= "+result);

4、shift();

该方法可以删除数组开头的第一个元素,并将被删除的元素作为放回值返回(和pop一样,pop从后删除,shift从前删除)。

接着上面的代码操作

var result = arr.shift();
console.log(arr);
console.log("result= "+result);

当然数组的方法不止这些,只写常用的四个

2021-04-22_第7张图片

练习

筛选数组中排量大于等于250的摩托

2021-04-22_第8张图片

2021-04-22_第9张图片

码了两小时字,大家一起学习,加油,求四连。

你可能感兴趣的:(笔记,javascript,js,html5,css3)