详解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插件的写法分享
Jun 12 Javascript
javascript事件冒泡详解和捕获、阻止方法
Apr 12 Javascript
超详细的javascript数组方法汇总
Nov 21 Javascript
jQuery中设置form表单中action值的实现方法
May 25 Javascript
解析JavaScript中的字符串类型与字符编码支持
Jun 24 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
js操作二进制数据方法
Mar 03 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
May 17 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
Aug 06 Javascript
layui表格内放置图片,并点击放大的实例
Sep 10 Javascript
原生js实现的观察者和订阅者模式简单示例
Apr 18 Javascript
VsCode里的Vue模板的实现
Aug 12 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
PHP函数shuffle()取数组若干个随机元素的方法分析
2016/04/02 PHP
PHP实现一个简单url路由功能实例
2016/11/05 PHP
Yii2中datetime类的使用
2016/12/17 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
收集的网上用的ajax之chat.js文件
2007/04/08 Javascript
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
JS 文件传参及处理技巧分析
2010/05/13 Javascript
JavaScript高级程序设计 扩展--关于动态原型
2010/11/09 Javascript
jquery鼠标滑过提示title具体实现代码
2013/08/06 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
JS比较2个日期间隔的示例代码
2014/04/15 Javascript
IE6-8中Date不支持toISOString的修复方法
2014/05/04 Javascript
iframe调用父页面函数示例详解
2014/07/17 Javascript
jQuery unbind 删除绑定事件详解
2016/05/24 Javascript
原生js代码实现图片放大境效果
2016/10/30 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
Vue组件之自定义事件的功能图解
2018/02/01 Javascript
Bootstrap4 gulp 配置详解
2019/01/06 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
2019/02/25 Javascript
vue实现弹幕功能
2019/10/25 Javascript
uni-app如何页面传参数的几种方法总结
2020/04/28 Javascript
8个非常实用的Vue自定义指令
2020/12/15 Vue.js
在Django的通用视图中处理Context的方法
2015/07/21 Python
python web基础之加载静态文件实例
2018/03/20 Python
python交易记录链的实现过程详解
2019/07/03 Python
python中列表的切片与修改知识点总结
2019/07/23 Python
python实现的分析并统计nginx日志数据功能示例
2019/12/21 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
Europcar美国/加拿大:预订汽车或卡车租赁服务
2018/11/13 全球购物
初中地理教学反思
2014/01/11 职场文书
邀请函样本
2015/02/02 职场文书
机关单位保密工作责任书
2015/05/11 职场文书
安全教育主题班会总结
2015/08/14 职场文书
《合作意向书》怎么写?
2019/08/20 职场文书
Python使用pandas导入csv文件内容的示例代码
2022/12/24 Python