0
点赞
收藏
分享

微信扫一扫

JavaScript ES6 新增语法

青乌 2022-03-16 阅读 148

ES6中新增的语法

扩展运算符

扩展运算符又被称为展开语法
扩展运算符可以将数组或者对象转化为用逗号隔开的参数序列
如下

let arr = ['a','b','c']
console.log(...arr);

在这里插入图片描述

利用扩展运算符来合并数组

方法1

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [...arr1,...arr2]
console.log(arr3);

方法2

	let arr1 = [1, 2, 3];
	let arr2 = [4, 5, 6];
    arr1.push(...arr2);
    console.log(arr1);

将类数组或可遍历对象转换为真正的数组

var divs = document.getElementsByTagName('div');
let arr = [...divs]
console.log(arr);

Array.from()

Array.from()方法可以将伪数组或可遍历的对象转换为 真数组

var arrayLike = {
		"0": "1" ,
		"1": "2",
		"length": 2
	}
 let newArr = Array.from(arrayLike);
 console.log(newArr);
 let newArr1 = Array.from(arrayLike,ele => ele*3)
 console.log(newArr1);

在这里插入图片描述
方法还可以接受第二个参数,作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组
在这里插入图片描述

find()

用于找出第一个符合条件的数组成员,如果没有找到返回undefined

var ary = [{
		id: 1,
		name: '张三'
	}, {
		id: 2,
		name: '李四'
	}];
	let target = ary.find(item => item.id == 1);
	console.log(target)// 返回张三的对象

findIndex()

用于找出第一个符合条件的数组成员的位置,如果没有找到返回-1

let ary = [10, 20, 50];
	let index = ary.findIndex(item => item > 25);
	console.log(index)

数据扁平化

flat()

 // let arr1 = [1,2,[4,[555,[[[[[5]]]]]],5]]
        // console.log(arr1.flat());
        // console.log(arr1.flat(Infinity));

在这里插入图片描述

includes()

判断某个数组是否包含给定的值,返回布尔值。
在这里插入图片描述

遍历对象

  // let obj ={
        //   a:1,
        //   b:2,
        //   c:3
        // }
        // console.log( Object.keys(obj) );  属性名
        // console.log( Object.values(obj) ); 属性值
        // console.log( Object.entries(obj) );  以数组的方式 属性名加属性值

在这里插入图片描述

startsWith() 和 endsWith()

startsWith():表示参数字符串是否在原字符串的头部,返回布尔值
endsWith():表示参数字符串是否在原字符串的尾部,返回布尔值
在这里插入图片描述

repeat()

repeat方法表示将原字符串重复n次,返回一个新字符串

 let str2 = '8848'
   console.log(str2.repeat(5));

总结

写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自己在学习过程中整理出的一个关于 java开发 的学习思路及方向。从事互联网开发,最主要的是要学好技术,而学习技术是一条慢长而艰苦的道路,不能靠一时激情,也不是熬几天几夜就能学好的,必须养成平时努力学习的习惯,更加需要准确的学习方向达到有效的学习效果。

由于内容较多就只放上一个大概的大纲,需要更及详细的学习思维导图的 点击我的Gitee获取。
还有 高级java全套视频教程 java进阶架构师 视频+资料+代码+面试题!

全方面的java进阶实践技术资料,并且还有技术大牛一起讨论交流解决问题。

举报

相关推荐

0 条评论