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