JavaScript ES6 字符串、数组、Map、Set

最新推荐文章于 2023-02-23 23:17:22 发布

super-CodeCake

最新推荐文章于 2023-02-23 23:17:22 发布

阅读量199

点赞数

分类专栏： js 文章标签： js es6

本文链接：https://blog.csdn.net/a13456989814/article/details/107303593

版权

本文详细介绍了JavaScript ES6中字符串的新特性，包括Unicode支持和模板字符串；数组的扩展运算符；对象的定义方式及新增方法；Map和WeakMap的区别及其应用场景；以及Set的数据结构特点和去重功能。

摘要由CSDN通过智能技术生成

一、字符串

1.对Unicode的支持

ES5可以使用\uxxxx形式表示⼀个字符，xxxx是字符的Unicode码，但只能表示\u0000~\uFFFF之间的字符，超出这个范围就不能正确识别。

ES6增加了对超出\u0000~\uFFFF范围的Unicode字符的⽀持

let str="\u20bb7";
console.log(str);  //识别不了

str="\u{20bb7}";  //超出范围的字符码放在{ }中即能正确识别
console.log(str);

2.字符串新增的方法

let str="hello js";

str.includes("js")  //是否包含指定字符串，返回布尔值

str.startsWith("hello")  //是否以指定的字符串开头，返回布尔值
str.endsWith("js")  

str.repeat(4);  //字符串重复，返会*4后的字符串，以新串形式返回，原串不变

3.模板字符串

经常要拼接字符串，以前只能用+或者concat()，ES6提供了模板字符串来实现字符串的拼接

let name="chy";
let age=20;

let info=`我是${
     name}，我今年${
     age}岁`;  //模板字符串
console.log(info);

模板字符串放在反引号中，里面的内容（包括换行、空格）会保持原样。
${ }中可以访问变量、数组、对象，可以写js表达式，进行数学运算。

二、数组

1.扩展运算符…

let arr1=[1,2,3,4];

// 数组复制
let arr2=[...arr1];  //深拷贝，返回arr1的副本
let arr3=[0,...arr1,5];  //...arr1是arr1的元素副本，还可以添加其他元素


// 数组提取
let [,...arr4]=arr1;  //不要arr1的第一个元素，把剩下的元素拷贝到arr4中。...要是左边数组的最后一个元素


// 函数传参、展开数组
function sum(x,y){
   
    console.log(x+y);
}
sum(...[1,2]);  //会把数组展开，一个元素作为一个参数传入
sum