自学内容网 自学内容网

2025第3周 | JavaScript中es7新增的特性

2025,做想做的事,读想读的书,持续学习,自律生活,修行人生。

2025一个转身就已到来,对于时间太快,总会有种惶恐感。每每回首过去,总会发现想要做的事情没有完成,学习的内容少之又少,读的有用的书籍更是可以忽略不计。对于内在的超越,内在的修行也是没有始终践行,知行合一,实践、认识、再实践、再认识…

2025年第2周:2025.01.13 ~ 2025.01.19 ,13号星期一

目标:了解 JavaScript中es7新增的特性

  • Array Includes?
  • 指数运算符?

1. Array Includes

  1. 在ES7(es2016)之前,如果我们想判断一个数组中是否包含某个元素,需要通过 indexOf 获取结果,并且判断是否为 -1.
  2. 在ES7中,我们可以通过includes来判断一个数组中是否包含一个指定的元素,根据情况,如果包含则返回 true否则返回false

1.1 判断数组是否包含某个元素

// 判断数组是否包含某个元素
const arr = ["张三 ","李四","王五","赵六", NaN];
if (arr.indexOf("张三 ") !== -1) {
    console.log("数组中包含张三");
}

// ES7(ES2016)
if (arr.includes("张三 ")) {
    console.log("数组中包含张三");
}

1.2 指定索引

includes方法,可以指定第二个参数,从哪个索引开始判断。

Array.includes(valueToFind[, fromindex])

const arr = ["张三 ","李四","王五","赵六", NaN];

if (arr.includes("张三 ",1)) {
    console.log("从索引值为1之后,数组中包含张三");
} else {
    console.log("从索引值为1之后,数组中不包含张三");   
}

// 从索引值为1之后,数组中不包含张三

1.3 NaN的判断

  • 使用indexOf方法判断不了NaN
  • 使用includes可以判断NaN
// 判断数组是否包含某个元素
const arr = ["张三 ","李四","王五","赵六", NaN];

// 对于NaN的判断
if (arr.indexOf(NaN) !== -1) {
    console.log("数组中包含NaN");
} else {
    console.log("数组中不包含NaN"); // 数组中不包含NaN
}
if (arr.includes(NaN)) {
    console.log("数组中包含NaN");   // 数组中包含NaN
}

2. 指数运算符

  1. ES7之前,计算数字的平方需要通过 Math.pow方法来完成。
  2. ES7中,增加了 ** 运算符,可以对数字来计算平方.

例如:下面要计算2的3次方,代码如下

// 指数运算符
// 计算2的3次方
const num1 = Math.pow(2, 3)
console.log(num1)   // 8
// ES7
const num2 = 2 ** 3
console.log(num2)   // 8

原文地址:https://blog.csdn.net/DUQGQG/article/details/145121011

免责声明:本站文章内容转载自网络资源,如侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!