详解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 相关文章推荐
jQuery 各种浏览器下获得日期区别
Dec 22 Javascript
JavaScript的public、private和privileged模式
Dec 28 Javascript
JavaScript模拟数组合并concat
Mar 06 Javascript
Json按某个键的值进行排序
Dec 22 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
Oct 26 Javascript
Vue-Router的使用方法
Sep 05 Javascript
简单了解微信小程序的目录结构
Jul 01 Javascript
vue弹出框组件封装实例代码
Oct 31 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
Nov 01 Javascript
详解JavaScript匿名函数和闭包
Jul 10 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
Aug 13 Javascript
微信小程序用户登录和登录态维护的实现
Dec 10 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
删除无限级目录与文件代码共享
2006/07/12 PHP
文章推荐系统(二)
2006/10/09 PHP
php数组函数序列之array_keys() - 获取数组键名
2011/10/30 PHP
迅速确定php多维数组的深度的方法
2014/01/07 PHP
PHP异常类及异常处理操作实例详解
2018/12/19 PHP
高亮显示web页表格行的javascript代码
2010/11/19 Javascript
非常有用的40款jQuery 插件推荐(系列二)
2011/12/25 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
2013/11/26 Javascript
javascript中match函数的用法小结
2014/02/08 Javascript
JavaScript获取表单内所有元素值的方法
2015/04/02 Javascript
JS实现跟随鼠标立体翻转图片的方法
2015/05/04 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
2016/04/01 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
深入理解JS DOM事件机制
2016/08/06 Javascript
js自调用匿名函数的三种写法(推荐)
2016/08/19 Javascript
JS取模、取商及取整运算方法示例
2016/10/13 Javascript
BootStrap CSS全局样式和表格样式源码解析
2017/01/20 Javascript
Vue组件化开发思考
2018/02/02 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
JS实现打字游戏
2019/12/17 Javascript
用Python编程实现语音控制电脑
2014/04/01 Python
Python实现二维有序数组查找的方法
2016/04/27 Python
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
利用Hyperic调用Python实现进程守护
2018/01/02 Python
Python爬虫实现简单的爬取有道翻译功能示例
2018/07/13 Python
python 异或加密字符串的实例
2018/10/14 Python
Django保护敏感信息的方法示例
2019/05/09 Python
Python运行异常管理解决方案
2020/03/09 Python
Python爬虫之Selenium警告框(弹窗)处理
2020/12/04 Python
Python3+Django get/post请求实现教程详解
2021/02/16 Python
用pip给python安装matplotlib库的详细教程
2021/02/24 Python
企业党员公开承诺书
2014/03/26 职场文书
小学班主任自我评价
2015/03/11 职场文书
保送生自荐信范文
2015/03/26 职场文书
小学语文教师研修日志
2015/11/13 职场文书
导游词之丽江普济寺
2019/10/22 职场文书