当前位置: 首页 > web >正文

ES6入门---第二单元 模块二:关于数组新增

一、扩展运算符。。。

1、可以把ul li转变为数组

   <script>window.onload=function (){let aLi = document.querySelectorAll('ul li');let arrLi = [...aLi];arrLi.pop();arrLi.push('asfasdf');console.log(arrLi);};</script>
</head>
<body><ul><li>11</li><li>222</li><li>333</li><li>444</li></ul>
</body>

2、补充:

Array.from:
    作用: 把类数组(获取一组元素:arguments...) 对象转成数组

    个人观点: 具备 length这个东西就是类数组

例:

<script>let json ={0:'apple',1:'banana',2:'orange',length:3//不添加length会出错 加上可正常显示数组};let arr = Array.from(json);console.log(arr);</script>

Array.of():  把一组值,转成数组
    let arr = Array.of('apple','banana','orange');

    console.log(arr);


arr.find():  查找,找出第一个符合条件的数组成员,如果没有找到,返回undefined

例:

<script>let arr = [23,900,101,80,100];let res = arr.find((val, index, arr) =>{return val>1000;});console.log(res);</script>

arr.findIndex(): 找的是位置, 没找到返回-1


arr.fill()    填充
    arr.fill(填充的东西, 开始位置, 结束位置);

例:

 <script>let arr = new Array(10);arr.fill('默认值')console.log(arr);</script>
<script>let arr = new Array(10);arr.fill('默认值',1,3);//只在1 3 位置填充console.log(arr);</script>


在ES2016里面新增:

    arr.indexOf()   返回某个指定的字符串值在字符串中首次出现的位置。
    arr.includes()//是否包含数组中元素
     str.includes()


split() 方法用于把一个字符串分割成字符串数组。


arrLi.pop(); 数组中减一个元素

args.push(6);加一个是6的元素

http://www.xdnf.cn/news/3690.html

相关文章:

  • 工业传动核心部件深度剖析:丝杆升降机与气缸的技术特性及选型指南
  • MCP多智能体消息传递机制(Message Passing Between Agents)
  • c#数据结构 线性表篇 非常用线性集合总结
  • springboot基于推荐算法的景点推荐系统(源码+lw+部署文档+讲解),源码可白嫖!
  • 20:深度学习-多层感知器原理
  • Android 端如何监控 ANR、Crash、OOM 等严重问题
  • 深度学习系统学习系列【2】之人工神经网络(ANN)
  • Javase 基础入门 —— 07 接口
  • ChatGPT:重塑人工智能交互范式的破晓之作
  • 【AI论文】交互式生成视频综述
  • 【libuv】基于libuv的exe链接错误
  • JVM——JVM 是如何处理异常的?
  • 传奇各版本迭代时间及内容变化,屠龙/嗜魂法杖/逍遥扇第一次出现的时间和版本
  • Linux53 百度网盘运行(下载devtoolset11后仍提示stdc++3.0.29缺失 计划用docker容器隔离运行,计划后续再看)
  • 鼠标悬浮特效:常见6种背景类悬浮特效
  • Docker与WSL2如何清理
  • 一篇文章看懂web服务
  • NV203NV207SSD固态闪存NV208NV213
  • NoxLucky:个性化动态桌面,打造独一无二的手机体验
  • 用docker ffmpeg测试视频vmaf分数,很快不用编译
  • C#VisionMaster算子二次开发(非方案版)
  • NocoDB:开源的 Airtable 替代方案
  • operator 可以根据需要重载 == 运算符进行比较
  • 《告别试错式开发:TDD的精准质量锻造术》
  • 【quantity】7 角度单位模块(angle.rs)
  • 电脑RGB888P转换为JPEG方案 ,K230的RGB888P转换为JPEG方案
  • CGI(Common Gateway Interface)协议详解
  • 【AI面试准备】TensorFlow与PyTorch构建缺陷预测模型
  • AtCoder AT_abc404_g [ABC404G] Specified Range Sums
  • ​​信息泄露:网站敏感文件泄漏的隐形危机与防御之道​