数组的方法

211 阅读2分钟

js中数组的方法:

image.png

版本分别分为es5,es6

es5中定义变量用var  自带了很多操作数组的方法
es6中定义变量用const,let  其中let表示变量,const表示常量

方法(只例举了部分方法)

方法效果是否改变原数组
es5
push()在数组末尾添加
pop()删除数组最后一位的数据
shift()删除数组第一位的数据
unshift()在数组开头添加
join()将数组转化为字符串
reverse()将数组反转
toString()将数组转化为字符串
indexOf()在数组中查找元素
forEach()循环遍历数组的每一项
filter()循环遍历数组的每一项,返还结果为true的元素
toLocaleSTring()将时间转换成字符串的形式
es6
find()遍历数组找到第一个返还为true的元素,并返还该元素
findIndex()遍历数组找到第一个返还为true的元素,返还该元素的位置
includes()判断数组中是否存在该元素
1.push() 在数组末尾添加

image.png

2.pop() 删除数组最后一位的数据

image.png

3.shift() 删除数组第一位的数据

image.png

4.unshift() 在数组开头添加

image.png

5.join() 将数组转化为字符串,不改变原数组

image.png

6.reverse() 将数组反转
数组名.reverse() : 翻转数组

image.png

7.toString() 将数组转化为字符串

image.png

8.indexOf() 在数组中查找元素,并返还当前元素下标,返还-1说明该数组没有此元素

image.png

9.forEach() 循环遍历数组的每一项

image.png

10.filter() 循环遍历数组的每一项,返还结果为true并且满足条件的元素
    var numbers = [4, 25, 33, 85, 62];
    const flag=numbers.filter((item, index) => {
        return item > 50
    })

image.png

11.toLocaleSTring() 将时间转换成字符串的形式
    var timer = new Date();
    var newtimer = timer.toLocaleString();

image.png

12.find() 遍历数组找到第一个返还为true的元素,并返还该元素
    //查找数组中满足条件的`第一个元素`,返回该元素,没找到输出undefinded
    const arr = [1, "2", 3, 3, "2"]
    const flag=arr.find(n => typeof n === "number") 

image.png

13.findIndex() 遍历数组找到第一个返还为true的元素,返还该元素的下标includes
//查找数组中满足条件的`第一个元素`,返回该元素下标,没找到输出-1
    const arr = [1, "2", 3, 3, "2"]
    const flag=arr.findIndex(n => typeof n === "number") 
    console.log(flag)

image.png

14.includes() 判断数组中是否存在该元素
    //判断该数组中是否存在搜索的该元素,可以理解为es5中indexOf()的替换版本
    const arr = [1, 2, 3];
    const flag1 = arr.includes(2); // true
    const flag2 = arr.includes(4); // false

image.png

曾梦想仗剑天涯,

后来Bug多没去。

(OR`ZG_}9S0_928C%_0HBEB.gif