ES6 判断某数组不为空时赋值给新数组的简便写法

时间: 2023-08-13 22:03:50 浏览: 159

详解es6新增数组方法简便了哪些操作

ES6，全称ECMAScript 2015，是JavaScript语言的一个重要版本，它引入了许多新特性，极大地提升了开发效率和代码质量。在数组处理方面，ES6新增了一些非常实用的方法，使得开发者能更方便地操作数组。下面将详细介绍几个关键的ES6数组新方法及其应用场景。 1. **`Array.from()`**： `Array.from()`方法用于将类数组对象或可迭代对象转换成真正的数组。在上述示例中，`new Set(a)`会创建一个不包含重复元素的集合，而`Array.from()`则将这个集合转换为数组。这样，通过一行代码就能实现数组去重。 ```javascript let a = [1,2,2,3,3,4,5]; let b = Array.from(new Set(a)); console.log(b); // [1,2,3,4,5] ``` 2. **`Array.filter()`**： `Array.filter()`方法用于创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。在处理后端返回的数据时，我们经常需要筛选出满足特定条件的数组项。 ```javascript let a = [ { name: 'kele', title: '可口可乐' }, { name: 'kele', title: '芬达' }, { name: 'wlg', title: '王老吉' } ]; let b = a.filter(item => item.name === 'kele'); console.log(b); // [{name: 'kele', title: '可口可乐'},{name: 'kele', title: '芬达'}] ``` 3. **`Array.every()`**： `Array.every()`方法测试数组中的所有元素是否都符合给定的测试条件。如果所有元素都满足条件，返回`true`；否则，返回`false`。 ```javascript let a = [1,2,3,4,5]; let b = a.every(item => item > 2); console.log(b); // false ``` 4. **`Array.some()`**： `Array.some()`方法测试数组中是否存在至少一个元素符合给定的测试条件。只要找到一个符合条件的元素，就会返回`true`；否则，返回`false`。 ```javascript let a = [1,2,3,4,5]; let b = a.some(item => item > 2); console.log(b); // true ``` 5. **`Array.find()`**： `Array.find()`方法返回数组中符合条件的第一个元素，如果找不到，则返回`undefined`。 ```javascript let a = [1,2,3,4,5]; let b = a.find(item => item > 2); console.log(b); // 3 ``` 6. **`Array.findIndex()`**： `Array.findIndex()`方法返回数组中符合条件的第一个元素的索引值，如果找不到，则返回`-1`。 ```javascript let a = [1,2,3,4,5]; let b = a.findIndex(item => item > 2); console.log(b); // 2 ``` 这些ES6新增的数组方法极大地简化了数组操作，减少了代码量，提高了代码的可读性和维护性。无论是数据过滤、查找还是判断，都有相应的高效方法可以使用。因此，熟悉并熟练运用这些新特性是每个现代JavaScript开发者必备的技能。

可以使用数组的 `length` 属性和扩展运算符 `...` 来实现简便赋值： ```javascript const oldArray = [1, 2, 3]; const newArray = oldArray.length ? [...oldArray] : []; ``` 以上代码会先判断 `oldArray` 的长度是否为真（即不为 0），如果为真，则将 `oldArray` 数组的值复制到一个新的数组 `newArray` 中。如果 `oldArray` 的长度为 0，则 `newArray` 也会为空数组。

阅读全文

ES6 判断某数组不为空时赋值给新数组的简便写法

相关推荐

ES6数组与对象的解构赋值详解

es6 filter() 数组过滤方法总结

ES6中的数组扩展方法

ES6函数和数组用法实例分析

NingArray宁数组一些实用的基于ES6的自定义数组方法

ES6ArrayHelper:探索JavaScript ES6中的数组帮助器方法

ES6新增的数组知识实例小结

js (ES6) 的数组 方法大全

浅谈ES6新增的数组方法和对象

ES6map映射数组映射 - 副本.md

ES6基础之数组和对象的拓展实例详解

JS进阶挑战：ES6 Generator与数组最大值解析

ES6数组与对象解构赋值详解

es6删除数组某项_超级详细的 js数组方法详解

yolov5s nnie.zip

基于uni-app+uview-ui开发的校园云打印系统微信小程序项目源码+文档说明

使用Java写的一个简易的贪吃蛇小游戏.zip

计算机网络概述.docx

数学建模学习资料 姜启源数学模型课件 M06 稳定性模型 共46页.pptx

最新推荐

es6数组includes()用法实例分析

vue 对象数组中，根据相同属性的数据合并，重组新的数组对象

详解JS取出两个数组中的不同或相同元素

详解ES6 export default 和 import语句中的解构赋值

ES5 ES6中Array对象去除重复项的方法总结

JHU荣誉单变量微积分课程教案介绍

管理建模和仿真的文件

【实战篇：自定义损失函数】：构建独特损失函数解决特定问题，优化模型性能

如何在ZYNQMP平台上配置TUSB1210 USB接口芯片以实现Host模式，并确保与Linux内核的兼容性？

Naruto爱好者必备CLI测试应用

js (ES6) 的数组方法大全

数学建模学习资料姜启源数学模型课件 M06 稳定性模型共46页.pptx