一.引言
数组的类型是一个对象,是特殊的对象。
二.数组中的方法从以下几个方面来讲解
1.方法的作用和含义
2.方法的实参(类型和含义)
3.方法的返回值
4.原来的数组是否发生改变
三.数组中常用方法列举
1.array.push()//从最后添加元素
2.array.unshift()//从头添加
3.array.shift()//删除首部第一个
4.array.pop()从尾部删除一个
5.array.sort()//元素是按ascill码从小到大排列
6.array.reverse()//将数组反序排列
7.array.concat(另一个数组)//将两个数组拼接在一起
8.array.join('字符')//将元素间添加字符,再以字符串的方式返回
9.array.toString()//将数组转化为字符串并用逗号隔开
10.array.slice(开始位置,结束位置)//从哪个位置开始,不包含结束位置,截取个数
11.array.splice(开始位置,要删除几项,要替换的内容)
(1)删除:array.splice(0,2):从第0项开始删除2项
(2)添加:array.splice(0,0,'icey'):从第0项开始,删除0项,添加一个内容
(3)替换:array.splice(0,2,'icey','rain'):从第0项开始,删除2项,替换成后面的两项内容
12.array.indexof(元素):从头查找元素第一次出现位置下标,元素不存在反回-1;
13.array.lastIndexOf(元素):从尾查找元素第一次出现位置下标,元素不存在反回-1;
14.array.forEach(function(item,index){})遍历数组
15.array.every(function(item,index){})//循环数组,只有数组里每一个都满足返回的判断条件才返回true,否则返回false
16.array.some(function(item,index){})//遍历数组,只要数组里有一个元素满足条件就返回true,就不在执行遍历后面的,全都不满足则返回false
17.array.filter(function(item.index){})//过滤筛选符合判断条件的元素,只有为true才会返回
18.array.find(function(item,index){})//筛选符合判断条件的元素,找到返回第一个元素下标,找不到返回-1
19.array.includes(元素):判断数组中是否含这个元素,返回的是布尔值
20.array.map(function(item,index){})//对数组的每一个元素都进行改变,并生成一个新的数组,原数组不变
21.array.findindex(function(v,i){ //判断函数体});//筛选符合判断条件的元素,找到返回第一个元素下标,找不到返回-1
四、代码讲解
1.在首部、尾部添加或删除元素
<script>
let arr=[1,2,3,4,5,'icey','rain']
// 1.在首部和尾部删除
// let res=arr.shift() //在首部删除一个
// console.log(res); //res结果是返回被删除的元素
// console.log(arr); //会改变原数组:结果为: [2, 3, 4, 5, 'icey', 'rain']
// let res=arr.pop() //在尾部删除一个
// console.log(res); //res结果是返回被删除的元素rain
// console.log(arr);// [1, 2, 3, 4, 5, 'icey']
// 2.再首部和尾部添加
// let res=arr.unshift('sally') //再首部添加一个
// console.log(res); //res结果是返回是添加后的数组的长度为8
// console.log(arr);// ['sally', 1, 2, 3, 4, 5, 'icey', 'rain']
// let res=arr.push('Dear') //再尾部添加一个
// console.log(res); //res结果是返回是添加后的数组的长度为8
// console.log(arr);//(8) [1, 2, 3, 4, 5, 'icey', 'rain', 'Dear']
</script>
(2)排序,反序排列,数组拼接,转化为字符串
// 3.数组排序,反序排列
// let arr1=[3,2,10,9,66]
// let res=arr1.sort()//数组排列
// console.log(res);// 是按照acsill进行排序 [10, 2, 3, 66, 9]
// console.log(arr1);//会改变原数组 [10, 2, 3, 66, 9]
// let res=arr.reverse()//数组反序排列
// console.log(res);//反序排列后的结果 ['rain', 'icey', 5, 4, 3, 2, 1]
// console.log(arr);//会改变原数组的结果 ['rain', 'icey', 5, 4, 3, 2, 1]
// 4.数组拼接,转化为字符串
let arr2=[10,20,30]
let arr3=[40,50,90]
// let res=arr2.concat(arr3) //把两个数组合并在一起
// console.log(res);//结果为:[10, 20, 30, 40, 50, 90]
// console.log(arr2,arr3); //不改变原数组的值
// let res=arr2.join('&')//把数组元素用&符号连在一起并返回字符串
// console.log(res);//10&20&30
// console.log(arr2);//不改变原数组的值
// let res=arr3.toString() //将数组转化为字符串并用,隔开
// console.log(res); //40,50,90
// console.log(arr3);//不改变原数组的值
(3)slice截取和splice:删除,添加,替换
// 5.slice截取
let arr4=[1,2,3,4,5,6]
// let res=arr4.slice(0,2)//截取从下标0开始,到下标2结束,不包含结束位置
// console.log(res);//返回截取的内容:[1, 2]
// console.log(arr4);//不改变原数组的值
// 6.splice方法:删除,添加,替换
// 删除
// let res=arr4.splice(0,2)//从下标0开始删除两项
// console.log(res); //返回删除的两项[1, 2]
// console.log(arr4);//改变原数组:[3, 4, 5, 6]
// 添加
// let res = arr4.splice(0, 0,'Icey') //从下标0开始删除0项,再添加一项,默认再从头添加
// console.log(res); //结果为空数组
// console.log(arr4); //改变原数组:['Icey', 1, 2, 3, 4, 5, 6]
// 替换
// let res = arr4.splice(0, 2,'Icey','Rain') //从下标0开始删除2项,再添加两项,默认再从头添加
// console.log(res); //返回删除的两项[1, 2]
// console.log(arr4); //改变原数组:['Icey', 'Rain', 3, 4, 5, 6]
(4)查询元素对应的下标,以及是否包含这个元素
// 7.查找元素对应的下标,以及是否包含这个元素
// let arr5=[1,2,3,4,'icey','rain',5]
// let res=arr5.indexOf('icey')//从头查找元素第一次出现位置下标,元素不存在反回-1;
// console.log(res);//返回下标4
// let res=arr5.lastIndexOf(5)//从尾查找元素第一次出现位置下标,元素不存在反回-1;
// console.log(res);///返回下标:6
// let res=arr5.includes('rain')//判断数组中是否含这个元素,返回的是布尔值
// console.log(res);//包含返回:true
(5)循环数组的方法以及区别
// 8.循环数组的方法
// let arr6 = [1, 2, 3, 4, 'icey', 'rain', 5]
// arr6.forEach(function(item,index){
// console.log(item,index);//就是遍历每一个元素,item是每一个元素,index是元素对应的下标
// })
// let res=arr6.filter(function(item,index){
// return item>3
// })
// console.log(res);//遍历所有元素,返回满足条件的,只有为true才返回,结果为:[4, 5]
//map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
// map() 方法按照原始数组元素顺序依次处理元素。
// 注意: map() 不会对空数组进行检测。
// 注意: map() 不会改变原始数组。
// map主要用于处理数据
// let arr7 = [2,4,6,8,10]
// let res= arr7.map(function (item, index) {
// return item/2
// })
// console.log(res);//[1, 2, 3, 4, 5]
// every():遍历所有的元素,只有当所有元素都满足判断条件时才返回true
// let arr8 = [2,4,6,8,10]
// let res=arr8.every(function(item,index){
// return item>6
// })
// console.log(res);//结果为false,
// some():遍历所有元素,当有一个元素满足条件就返回true,后面元素就不遍历了,
// 如果所有的元素都不满足条件就返回false
// let arr8 = [2,4,6,8,10]
// let res=arr8.some(function(item,index){
// // return item>6
// return item>12 //
// })
// console.log(res);//结果为false
//find():返回符合判断条件的第一个数组元素,没有就返回undefined
// let arr8 = [2,4,4,6,8,10]
// let res=arr8.find(function(item,index){
// return item>4
// })
// console.log(res);//结果为:6,返回的是数组中大于4的第一个元素
// findIndex():筛选符合判断条件的元素,找到返回满足条件的第一个元素的下标,找不到返回-1
// let arr8 = [2,4,4,6,8,10]
// let res=arr8.findIndex(function(item,index){
// return item>4
// })
// console.log(res);//结果为:3,返回的是数组中大于4的第一个元素6的下标