ES6/07/Array的扩展方法,...扩展运算符,Array.from(),(arr.find(),arr.findIndex()和arr.includes())模板字符串,Set数据结构
ES6扩展的内置对象
1,Array的扩展方法
…扩展运算符(展开语法)
1,扩展运算可以的将数组或者对象转为用逗号分隔的参数序列;
let ary =[1,2,3];
//…ary;//“1”,“2”,“3”
console.log(…ary);//1 2 3
console.log(1,2,3);//1 2 3
2,扩展运算符可以应用于合并数组
1,用[…array1,…array2]组成一个新数组
let ary1 =[1,2,3];
let ary2 =[4,5,6,7];
let ary3 =[…ary1,…ary2];
2,array对象的push(参数序列)方法追加数组元素
arr1.push(…arr2);//把arr2数组扩展为参数序列,然后追加到arr1上
3,剩余参数和解构配合使用
let students = {“wangwu”,“zhangsan”,“lisi”};
let [s1,…s2]=students;
console.log(s1);//“wangwu”
console.log(s2);//[“zhangsan”,“lisi”]
1,新增的构造函数方法:Array.from()
Array对象下的from()方法,此方法还可以接受第二个参数,作用类似于数组的map()方法,用来对每个元素进行处理的代码,将处理后的值放入返回的数组;
let arrayLike ={
“0”:1,
“1”:2,
“length”:3
}
let newArr =Array.from(aryLike,item =>item*2);
2,新增的数组的实例方法:1,arr.find()
2,arr.findIndex()方法
arr.includes()方法
1,模板字符串(用反引号``包裹的字符串)
模板字符串中可以解析变量;
let name =zhangsan
;
let sayHello =hello,my name is ${name}
;//hello,my name is zhangsan
console.log(sayHello);
" Esc “键下面的” ` "键快速单击二次就可打出反引号;
2,新增的String实例方法:str.repeat(重复次数)
Set 数据结构
ES6提供了新的数据结构Set,它类似于数组,但是成员的值都是唯一的,没有重复的值;
Set 本身是一个构造函数,用来生成Set数据结构;
const s =new Set();
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Set型数据结构</title>
</head><body><script>const s1 = new Set();//声明一个Set对象console.log(s1.size);//Set对象下有个size属性指的是Set对象中数据的个数const s2 = new Set(["a", "b"]);console.log(s2.size);const s3 = new Set(["a", "a", "b", "c", "c"]);console.log(s3.size);const arr = [...s3];//把s3转为arr数组console.log(arr);/* Set对象的实例方法1,add(value);添加某个值,返回Set结构本身2,delete(value);删除某个值,返回一个布尔值,表示删除是否成功3,has(value);返回一个布尔值,表示该值是否为Set的成员4,clear();清除所有成员,没有返回值*/</script>
</body></html>
Set型数据的遍历
Set型数据的遍历与普通数组一样;forEach();for…in;for;
JS中数组的几种遍历方式、
@沉木
ES6/07/Array的扩展方法,...扩展运算符,Array.from(),(arr.find(),arr.findIndex()和arr.includes())模板字符串,Set数据结构相关推荐
- ES6 class-数值扩展-方法扩展
目录 class 类 ES6 声明类 class 类静态成员 ES5 构造函数继承 ES6 类继承 子类对父类方法的重写 class 中 getter 和 setter 设置 数值扩展 Number. ...
- 【Groovy】Groovy 扩展方法 ( 扩展静态方法示例 | 扩展实例方法示例 | 扩展实例方法与扩展静态方法代码相同 )
文章目录 一.扩展静态方法示例 二.扩展实例方法示例 三.扩展实例方法与扩展静态方法代码相同 一.扩展静态方法示例 在上一篇博客 [Groovy]Groovy 扩展方法 ( Groovy 扩展方法引入 ...
- ES6-ES11-第一部分-let、const、解构赋值、模板字符串、简化对象写法、箭头函数、函数参数默认值、rest 参数、扩展运算符、Symbol、迭代器、生成器、Promise、Set、Map
根据视频进行整理 [https://www.bilibili.com/video/BV1uK411H7on?p=1] 视频资源(百度网盘): 链接:[https://pan.baidu.com/s/1 ...
- C# 3.0 扩展方法
扩展方法解决问题:以往对已存在的类库进行扩展,可行的方式直接对源代码进行修改或者直接派生. 扩展方法注意事项: 扩展方法必须被定义在一个静态类中,扩展方法自身必须是一个静态方法: 扩展方法中的首个参数 ...
- [易学C#]C#3.0语言新特性之扩展方法
当我们需要对已有类的功能进行扩展时,我们通常会想到继承,继承已有类,然后为其加入新的行为.而C# 3.0中加入的扩展方法(Extension Methods)特性,则提供了另一种实现功能扩展的方式. ...
- C#笔记13 匿名类型、集合初始化器、扩展方法和查询表达式
文章目录 匿名类型 new{...}和隐式类型var 集合初始化器和对象初始化器 扩展方法 案例引出扩展方法的意义 扩展方法的使用 做Enumerable的扩展方法 扩展方法使用 标准查询运算符 Li ...
- kotlin - 扩展方法和扩展属性
kotlin - 扩展方法和扩展属性 我们都知道java要扩展一个已有类的方法和属性必须采用继承.组合或直接修改现有类来进行功能和属性的扩展.而kotlin是完全支持扩展方法和扩展属性的,这样我们就可 ...
- 【Groovy】Groovy 扩展方法 ( Groovy 扩展方法引入 | 分析 Groovy 中 Thread 类的 start 扩展方法 )
文章目录 一.Groovy 扩展方法引入 二. 分析 Groovy 中 Thread 类的 start 扩展方法 一.Groovy 扩展方法引入 Groovy 可以对 JDK 中的一些类进行 方法扩展 ...
- C#学习笔记四: C#3.0自动属性匿名属性及扩展方法
前言 这一章算是看这本书最大的收获了, Lambda表达式让人用着屡试不爽, C#3.0可谓颠覆了我们的代码编写风格. 因为Lambda所需篇幅挺大, 所以先总结C#3.0智能编译器给我们带来的诸多好 ...
最新文章
- mysqlselectdb php_PHP MySQL Select(数据库查询)
- element 如何自定义svg图标_4000+免费可自定义的图标集合
- SolarReserve在加州开发2GW项目 美国市场将再度崛起?
- php 模仿 java_js模仿java的Map集合,实现功能
- qt 4.8.4 linux,Tslib和Qt 4.8.4与在开发板上的移植
- Cloud Connector的普通版本和Portable版本的区别
- java ee技术_Java EE 6与Spring Framework:技术决策过程
- Java基础入门笔记-多态
- Restlet入门例子 - RESTful web framwork for java
- python读取视频占用内存太大_Python 读取大文件内存占用检测示例
- AD09报错解决方法
- 通信原理笔记(樊昌信第七版)
- 从零开始学编程系列汇总
- 点云匹配介绍与ICP算法
- CCNA实验前准备(转)
- 怎样恢复计算机程序打开文件名,Word提示如何解决使用文本恢复转换器打开文件的问题...
- Unity 异步加载图片
- vue3响应式原理-effect
- 计算机学院杨洋,杨洋-地球科学与技术学院
- 【案例】简单图片和段落上下排版制作