整理的几个Javascript简洁高效的写法

最新推荐文章于 2024-10-30 19:10:39 发布

Revoite

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量65

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Revoite/article/details/131940920

版权

本文介绍了如何使用JavaScript优化if判断，包括检查数组长度、简洁赋值、三元运算符、使用includes和some方法进行条件判断，以及利用forEach、filter和map方法高效处理数组，实现不生成新数组的遍历和数据转换。

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

1、在if中判断数组⻓度不为零

1   // original

2   if (arr.length !== 0) {

3    }

5   // concise

6   if (arr.length) {

7     }

2、在if中判断数组长度为零

1   // original

2   if (arr.length === 0) {

3     }

5   // concise

6   if (!arr.length) {

7     }

2、通过条件判断给变量赋值布尔值

1  // original

2  if (a === 'a') {

3      b = true

4   } else {

5   b = false 6 }

7  // concise

8  b = a === 'a'

4、简单的if判断使⽤三元表达式

1  // original

2  if (a === 'a') {

3      b = a

4   } else {

5      b = c

6  }

7  // concise

8  b = a === 'a' ? a : c

5、使⽤includes简化if判断

1  // original

2  if (a === 1 || a === 2 || a === 3 || a === 4) {

3    }

5  // concise

6  let arr = [1, 2, 3, 4]

7   if (arr.includes(a)) {

8     }

6.使⽤some⽅法判断是否有满⾜条件的元素

1  // original

2  let arr = [1, 3, 5, 7]

3   function isHasNum (n) {

4    for (let i = 0; i < arr.length; i ++) { 5   if (arr[i] === n) {

6     return true 7  }

8   }

9   return false 10 }

11  // concise

12  let arr = [1, 3, 5, 7]

13   let isHasNum = n => arr.some(num => num === n)

14   // best

15  let arr = [1, 3, 5, 7]

16  let isHasNum = (n, arr) => arr.some(num => num === n)

7、使⽤forEach⽅法遍历数组，不形成新数组

1   // original

2   for (let i = 0; i < arr.length; i ++) {

4   arr[i].key = balabala 5  }

6   // concise

7   arr.forEach(item => {

9   item.key = balabala 10 })

8、使⽤filter⽅法过滤原数组，形成新数组

1  // original

2  let arr = [1, 3, 5, 7],

3   newArr = []

4   for (let i = 0; i < arr.length; i ++) { 5    if (arr[i] > 4) {

6     newArr.push(arr[i]) 7  }

8  }

9  // concise

10  let arr = [1, 3, 5, 7]

11  let newArr = arr.filter(n => n > 4) // [5, 7]

9、使⽤map对数组中所有元素批量处理，形成新数组

1  // original

2  let arr = [1, 3, 5, 7],

3   let newArr = []

4   for (let i = 0; i < arr.length; i ++) {

5   newArr.push(arr[i] + 1) 6 }

7  // concise

8  let arr = [1, 3, 5, 7]

9  let newArr = arr.map(n => n + 1) // [2, 4, 6, 8]