IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript中数组的方法 -> 正文阅读

[JavaScript知识库]JavaScript中数组的方法

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


前言

提示:这里可以添加本文要记录的大概内容:
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。


提示:以下是本篇文章正文内容,下面案例可供参考

数组的方法

数组的方法以及如何使用:

的方法概念
Array.isArray()判断1是否是数组
instanceof()判断是否是数组
forEach()遍历数组
find()返回数组中首次满足条件的元素,可以遍历数组
findIndex()返回数组中首次满足条件的索引值
some()查找满足条件的元素, 有一个满足则为true(满足条件立刻停止
every()查找满足条件的元素,都满足返回true,否则就是false
filter()遍历筛选元素,把满足条件的元素晒选出来后放倒新数组中返回
map()遍历元素,把每项执行一遍回调函数,把结果放到一个新数组中返
join()用于连接数组的每个元素,成为字符串
sort()用于数组排序
concat()链接数组成为新数组
indexOf()查找数组中某个元素,如果找到了就会返回索引值,找不到就返回-1
lastIndexOf():数组中查找某一个元素最后一次出现的位置,找到返回索引值,找不到就是-1
from()把伪数组转换成真数组 伪数组必须有length属性,否则数组为空,否则无法转换

静态方法 Array.isArray() 判断1是否是数组**

  let a = 2
    let re = Array.isArray(a)
    console.log(re);
返回false

判断是否是数组 instanceof()

let a = [1, 2, 3]
    let re = a instanceof Array
    console.log(re);

forEach() 遍历

 [2, 5, 7, 8, 9, 4].forEach(function (item, index, o) {
            console.log(item, index, o)
        })

find: 返回数组中首次满足条件的元素,可以遍历数组

 [2, 5, 7, 8, 9, 4].find(function (item, index, o) {
            console.log(item, index, o);
        })

findIndex:返回数组中首次满足条件的索引值

let re = [2, 5, 7, 8, 9, 4].findIndex(function (item, index, o) {
            console.log(item, index, o);
            // 也可以返回首次满足条件1的索引值
            return item > 5
        })
console.log(re)

some: 查找满足条件的元素, 有一个满足则为true(满足条件立刻停止

 let re = [2, 5, 7, 8, 9, 4].some(function (item, index, o) {
            return item > 7
        })
        console.log(re)

every:查找满足条件的元素,都满足返回true,否则就是false

let re = [2, 5, 7, 8, 9, 4].some(function (item, index, o) {
            return item > 7
        })
        console.log(re)

filter:遍历筛选元素,把满足条件的元素晒选出来后放倒新数组中返回

let re = [2, 5, 7, 8, 9, 4].filter(function (item, index, o) {
            return item > 5
        })
        console.log(re);

map:遍历元素,把每项执行一遍回调函数,把结果放到一个新数组中返回

   let re = [2, 5, 7, 8, 9, 4].map(function (item, index, o) {
            return item * item
        })
        console.log(re);

join:用于连接数组的每个元素,成为字符串

 let arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']
        let re = arr.join('-')
        console.log(re)

sort: 用于数组排序

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]
        let re = arr.sort()
        console.log(re);
  // 公式 从小到大  正排序
 console.log(arr.sort(function (a, b) {
            return a - b
        }))
        // 从大到小  倒排序
        console.log(arr.sort(function (a, b) {
            return b - a
        }))

concat:链接数组成为新数组

let a1 = [1, 2, 3]
        let a2 = ['a', 'b', 'c']
        let a3 = [11, 22, 33]
        let re = a1.concat(a2, a3, 'red', 'blue', 'green')
        console.log(re)

indexOf():查找数组中某个元素,如果找到了就会返回索引值,找不到就返回-1

        let a2 = ['a', 'b', 'c', 'a', 'b', 'c', 'a', 'b', 'c']
        let re = a2.indexOf('c')
        console.log(re);

lastIndexOf():数组中查找某一个元素最后一次出现的位置,找到返回索引值,找不到就是-1

  let a2 = ['a', 'b', 'c', 'a', 'b', 'c', 'a', 'b', 'c']
        let re = a2.lastIndexOf('b')
        console.log(re);

from(): 把伪数组转换成真数组 伪数组必须有length属性,否则数组为空,否则无法转换

 let o = {
        0: 'red',
        1: 'blue',
        2: 'yellow',
        3: 'pink',
        4: 'orange',
        length: 5
    }
    let arr = Array.from(o)
    console.log(arr);

forEach:遍历数组

let arr = [{
            uname: '阿飞',
            age: 22,
            sex: '男'
        },
        {
            uname: '二柱子',
            age: 22,
            sex: '女'
        },
        {
            uname: '光头强',
            age: 22,
            sex: '男'
        },
        {
            uname: '至尊荣耀',
            age: 22,
            sex: '女'
        }
    ]

    // 普通遍历
    for (let i = 0; i < arr.length; i++) {
        for (let key in arr[i]) {
            console.log(arr[i][key]);
        }
    }
    // forEach:遍历
    arr.forEach(function (item) {
        for (let key in item) {
            console.log(item[key]);
        }
    })

//箭头函数的形式

arr.forEach(item=> {
    for(let key in item){
        console.log(item[key])
    }
})
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-06 09:31:55  更:2021-08-06 09:34:51 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年4日历 -2025/4/20 23:54:17-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码