JavaScript第五天学习总结

135 阅读1分钟

JavaScript第五天学习总结

数组

数组是什么

数组(Array)是一种可以按顺序保存数据的数据类型,简单来说就是一组数据。

数组的基本使用

1.声明语法

let 数组名 = [数据1, 数据2,数据3,.....,数据n]

  • 数组是按顺序保存的,所以每个数据都有自己的编号
  • 计算机的编号从0开始,所以数据1编号为0,数据2为1,以此类推
  • 在数组中,数据的编号也叫做索引或下标
  • 数组可以存储任意类型的数据

2.取值语法

数组名[下标]

let arr = ['苹果','香蕉','菠萝','凤梨','芒果'];
    arr[4];
  • 取值通过下标
  • 取出来是什么类型的,就根据这种类型特点来访问

3.一些术语

  • 元素:数组中保存的每个数据都叫数组元素
  • 下标:数组中数据的编号
  • 长度:数组中数据的个数,通过数组的length属性获得

4.遍历数组

用for循环遍历数组

语法:

for (let i = 0; i < arr.length; i++) {

		    数组名[i];    

    }

我们使用数组做for循环的时候

  1. let i = 0;
  2. 判断循环的条件 i < 数组的长度

操作数组

增加数据

push()方法
作用

将一个或多个元素添加到数组的末尾,并返回该数组的新长度

语法

arr.push(元素1,...,元素n)

例子
		let arr = [];
        // 用户输入来实现添加数组
        for (let index = 0; index <3; index++) {
            let userName = prompt("请输入要添加的名字");
            arr.push(userName);
        }
        console.log(arr);
unshift()方法
作用

将一个或多个元素添加到数组的开头,并返回该数组的新长度

语法

arr.unshift(元素1,...,元素n)

例子
	let arr = [10,20,50,70,100];
        // 在数组第一个元素前增加元素
        arr.unshift(05);
        console.log(arr);

删除数据

pop()方法
作用

从数组中删除最后一个元素,并返回该元素的值

语法

arr.pop();

例子
	let arr = ["香蕉","西瓜","麻瓜"];
        // 删除最后一个元素
        arr.pop();
        console.log(arr);
shift()方法
作用

从数组中删除第一个元素,并返回该元素的值

语法

arr.shift();

例子
	 let arr = ["香蕉","西瓜","麻瓜"];
         //删除第一个元素
         arr.shift();
         console.log(arr);

添加/删除指定位置数据

添加指定位置数据
语法

splice(想要添加的元素下标(想插在哪个元素位置前面就写哪个元素的下标),删除元素的个数,添加的元素);

例子
 	let arr = ["香蕉","西瓜","麻瓜"];
        arr.splice(1,0,'香瓜');
        console.log(arr);//香蕉
删除指定位置数据
语法

splice(想要删除的元素下标,删除元素的个数);

例子
	let arr = ["香蕉","西瓜","麻瓜"];
        arr.splice(1,2);
        console.log(arr);//香蕉

拓展

1.如何获取数组最后一个元素?

arr[arr.length-1],因为数组长度是从下标0开始算起的,所以想要获取最后一个元素就要减去一个数值1。

2.新增元素除了两种方法还有没有其它方法?

直接用arr[n] = '元素'赋值的方式增加新的元素(建立在该位置没有元素的情况下,如果有元素则会直接修改这个元素,所以这个方法也可以拿来修改元素。)(默认情况下数组没赋值的情况下值为undefined不是为空,所以可以使用这个方法)。

3.数组可以存放任意类型的数据。

一个数组里面是可以存放多种数据类型的,如Number、String、NaN、Undefined类型都可以在一个数组里,但是我们通常不推荐这么做 。

4.数组快速删除元素的方法。

数组的长度是可以动态变化的

  1. 直接设置数组的长度为0---arr.length = 0
  2. 设置数组为空arr = []