JavaScript中Array功能方法详解
find()
该方法返回数组中满足条件(提供的测试函数)的第一个元素的值,如果没有满足条件的值则返回 undefined。
const arr = [2,5,6,1,0]; const v1 = arr.find((item, index, that) =>{ return item > 5; }); console.log(v1); // 6 const v2 = arr.find((item, index, that) =>{ return item < 0; }); console.log(v2); // undefined
再看一个稍微复杂一点的例子:
const arr = [ { name: "张三", age: 18 }, { name: "李四", age: 30 }, { name: "王五", age: 20 } ]; const oldP = arr.find(item=> item.age > 25); console.log(oldP); // {name: "李四", age: 30}
与 find() 方法相似的还有:findIndex()、 findLastIndex()、findLast() 等。
some()
some() 方法用来判断数组是否包含满足条件的元素,如果包含则返回 true,否则返回 false,但是不返回元素本身。
const arr = [2,5,6,1,0]; const res1 = arr.some((item, index, that) =>{ return item > 5; }); console.log(res1); // true const res2 = arr.some((item, index, that) =>{ return item < 0; }); console.log(res2); // false
复杂例子:
const arr = [ { name: "张三", age: 18 }, { name: "李四", age: 30 }, { name: "王五", age: 20 } ]; const res = arr.some(item=> item.age > 25); console.log(res); // true
filter()
filter() 方法返回所有满足条件的元素组成的新数组。
const arr = [2,5,6,1,0]; const res1 = arr.filter((item, index, that) =>{ return item > 3; }); console.log(res1); // [5, 6] const res2 = arr.filter((item, index, that) =>{ return item < 0; }); console.log(res2); // []
复杂例子:
const arr = [ { name: "张三", age: 18 }, { name: "李四", age: 30 }, { name: "王五", age: 20 } ]; const res = arr.filter(item=> item.age < 25); console.log(res); // {name: "张三", age: 18},{name: "王五", age: 20}
总结
本文的内容总结如下:
- find() 返回元素本身或 undefined;
- some() 返回判断的结果,值为 true 或 false;
- filter() 返回新数组;
到此这篇关于JavaScript中Array 功能方法详解的文章就介绍到这了,更多相关JavaScript Array功能方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
Bootstrap fileinput文件上传预览插件使用详解
这篇文章主要为大家详细介绍了Bootstrap fileinput文件上传预览插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-05-05JavaSctit 利用FileReader和滤镜上传图片预览功能
FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件内容,使用 File或 Blob对象指定要读取的文件或数据。下面通过本文给大家分享JavaSctit 利用FileReader和滤镜上传图片预览功能,需要的朋友参考下吧2017-09-09
最新评论