详解js中Array的方法及技巧


Posted in Javascript onSeptember 12, 2018

JS Array的一些方法在实际中很常用,这里整理记录下来,一是为了常常回顾,二也是方便大家

Map

map():返回一个新的Array,每个元素为调用function的结果

语法: array.map(function(currentValue,index,arr), thisValue)

举例:

var numbers = [65, 44, 12, 4], changedValue;
function multiplyArrayElement(num) {
 return num * 2;
}
(function myFunction() {
 changedValue = numbers.map(multiplyArrayElement);
})()
console.log(changedValue);

Filter 

filter():返回一个符合function条件的元素数组

语法: array.filter(function(currentValue,index,arr), thisValue)

举例:

var ages = [32, 33, 16, 40], changedValue; 
function checkAdult(age) {
 return age >= 18;
}
(function myFunction() {
 changedValue = ages.filter(checkAdult);
})()
console.log(changedValue);

Some

some():返回一个boolean,判断是否有元素是否符合function条件

语法: array.some(function(currentValue,index,arr),thisValue)

举例:

var ages = [3, 10, 18, 20], changedValue;
function checkAdult(age) {
 return age >= 18;
}
(function myFunction() {
 changedValue = ages.some(checkAdult);
})()
console.log(changedValue);

Every

every():返回一个boolean,判断每个元素是否符合function条件

语法: array.every(function(currentValue,index,arr), thisValue)

举例:

var ages = [32, 33, 16, 40], changedValue;
function checkAdult(age) {
 return age >= 18;
}
(function myFunction() {
 changedValue = ages.every(checkAdult);
})()
console.log(changedValue);

ForEach

forEach():没有返回值,只是针对每个元素调用function

语法: array.forEach(function(currentValue, index, arr), thisValue)

举例:

var numbers = [4, 9, 16, 25],changedValue;
function myFunction(item, index, arr) {
 arr[index] = item + 1; 
}
numbers.forEach(myFunction);
console.log(numbers);

 

Javascript 相关文章推荐
javascript 清除输入框中的数据
Apr 13 Javascript
JS基础之undefined与null的区别分析
Aug 08 Javascript
javascript中定义类的方法汇总
Dec 28 Javascript
jQuery中slideUp 和 slideDown 的点击事件
Feb 26 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
详解Vue-Cli 异步加载数据的一些注意点
Aug 12 Javascript
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
详解三种方式解决vue中v-html元素中标签样式
Nov 22 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
Apr 08 Javascript
vue element upload组件 file-list的动态绑定实现
Oct 11 Javascript
Angular利用HTTP POST下载流文件的步骤记录
Jul 26 Javascript
vue数据更新UI不刷新显示的解决办法
Aug 06 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
Sep 12 #Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 #Javascript
angularjs的单选框+ng-repeat的实现方法
Sep 12 #Javascript
vue服务端渲染缓存应用详解
Sep 12 #Javascript
angularjs中判断ng-repeat是否迭代完的实例
Sep 12 #Javascript
如何解决React官方脚手架不支持Less的问题(小结)
Sep 12 #Javascript
详解JavaScript中操作符和表达式
Sep 12 #Javascript
You might like
CPU步进是什么意思?i3-9100F B0步进和U0步进区别知识科普
2020/03/17 数码科技
第十四节--命名空间
2006/11/16 PHP
基于php下载文件的详解
2013/06/02 PHP
一个简单的php加密解密函数(动态加密)
2013/06/19 PHP
php使用fopen创建utf8编码文件的方法
2014/10/31 PHP
php生成条形码的图片的实例详解
2017/09/13 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
JavaScript开发时的五个注意事项
2007/12/08 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
优化javascript的执行效率一些方法总结
2013/12/25 Javascript
js使用for循环及if语句判断多个一样的name
2014/09/09 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
2014/11/17 Javascript
使用Browserify配合jQuery进行编程的超级指南
2015/07/28 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
2016/05/31 Javascript
Angular如何引入第三方库的方法详解
2017/07/13 Javascript
vue component组件使用方法详解
2017/07/14 Javascript
nodejs搭建本地服务器轻松解决跨域问题
2018/03/21 NodeJs
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
layui table单元格事件修改值的方法
2019/09/24 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
[43:03]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
wxpython 学习笔记 第一天
2009/03/16 Python
django1.11.1 models 数据库同步方法
2018/05/30 Python
详解Python下ftp上传文件linux服务器
2018/06/21 Python
numpy.ndarray 交换多维数组(矩阵)的行/列方法
2018/08/02 Python
python里运用私有属性和方法总结
2019/07/08 Python
python实现图片,视频人脸识别(opencv版)
2020/11/18 Python
什么是SCM(软件配置管理)
2014/08/16 面试题
应届电子商务毕业自荐书范文
2014/02/11 职场文书
幼儿教师国培感言
2014/02/19 职场文书
2014年五一劳动节社区活动总结
2014/04/14 职场文书
电话客服工作职责
2014/07/27 职场文书
2015年教师学期工作总结
2015/04/30 职场文书
三八节活动主持词
2015/07/04 职场文书
nginx结合openssl实现https的方法
2021/07/25 Servers
Mysql如何实现不存在则插入,存在则更新
2022/03/25 MySQL