ES6 语法详解(数组扩展)

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <button>测试1</button>
        <button>测试2</button>
        <button>测试3</button>
    </body>
    <script type="text/javascript">
        /**
         * 1. Array.from(v) : 将伪数组对象或可遍历对象转换为真数组
         * 2. Array.of(v1, v2, v3) : 将一系列值转换成数组
         * 3. find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素
         * 4. findIndex(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素下标
         */
        let btns = document.getElementsByTagName('button')
        // 应为btns 是伪数组不能调用forEach等方法,需要通过Array.from转换
        Array.from(btns).forEach((item,index) => console.log(item,index))
        
        let arr = Array.of(1,2,23,'123')
        console.log(arr)
        
        let result = arr.find((item,index) => item > 4)
        console.log(result)
        
        let index = arr.findIndex((item,index) => item > 4)
        console.log(index)
    </script>
</html>
复制代码

作者：彼岸舞

时间：2021\08\16

内容关于：前端知识库

本文属于作者原创,未经允许,禁止转发

posted @   彼岸舞  阅读(50)  评论(0)  编辑  收藏  举报
编辑推荐：
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行：
· winform 绘制太阳，地球，月球 运作规律
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾（3.3-3.9）
· AI 智能体引爆开源社区「GitHub 热点速览」
点击右上角即可分享
微信分享提示