详解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 23 Javascript
jquery基础教程之deferred对象使用方法
Jan 22 Javascript
js和jquery设置disabled属性为true使按钮失效
Aug 07 Javascript
jQuery 生成svg矢量二维码
Aug 09 Javascript
Bootstrap源码解读按钮(5)
Dec 23 Javascript
Bootstrap Table使用整理(五)之分页组合查询
Jun 09 Javascript
bootstrap table表格客户端分页实例
Aug 07 Javascript
JS正则表达式完美实现身份证校验功能
Oct 18 Javascript
Vue之Vue.set动态新增对象属性方法
Feb 23 Javascript
小程序组件之自定义顶部导航实例
Jun 12 Javascript
详解Angular cli配置过程记录
Nov 07 Javascript
解决 window.onload 被覆盖的问题方法
Jan 14 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中cookie的作用域
2008/03/27 PHP
PHP 采集获取指定网址的内容
2010/01/05 PHP
Windows下安装Memcached的步骤说明
2010/04/25 PHP
在smarty中调用php内置函数的方法
2013/02/07 PHP
PHP实现补齐关闭的HTML标签
2016/03/22 PHP
PHP获取数组中指定的一列实例
2017/12/27 PHP
javascript模仿msgbox提示效果代码
2008/06/10 Javascript
jQuery中live方法的重复绑定说明
2011/10/21 Javascript
javascript之典型高阶函数应用介绍
2013/01/10 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
2013/04/28 Javascript
jquery.ui.draggable中文文档(原文翻译)
2013/11/15 Javascript
JQuery中层次选择器用法实例详解
2015/05/18 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
2016/12/28 Javascript
bootstrapValidator 重新启用提交按钮的方法
2017/02/20 Javascript
React如何将组件渲染到指定DOM节点详解
2017/09/08 Javascript
Angular 实现输入框中显示文章标签的实例代码
2018/11/07 Javascript
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
Element InputNumber 计数器的实现示例
2020/08/03 Javascript
Python中对元组和列表按条件进行排序的方法示例
2015/11/10 Python
python实现用户管理系统
2018/01/10 Python
Pycharm运行加载文本出现错误的解决方法
2019/06/27 Python
python实现的多任务版udp聊天器功能案例
2019/11/13 Python
python-视频分帧&多帧合成视频实例
2019/12/10 Python
Pytorch中的VGG实现修改最后一层FC
2020/01/15 Python
python计算二维矩形IOU实例
2020/01/18 Python
Python基于当前时间批量创建文件
2020/05/07 Python
增大python字体的方法步骤
2020/07/05 Python
Python中使用Selenium环境安装的方法步骤
2021/02/22 Python
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
VIVOBAREFOOT赤脚鞋:让您的脚做自然的事情
2017/06/01 全球购物
火山咖啡:Volcanica Coffee
2019/10/29 全球购物
*p++ 自增p 还是p所指向的变量
2016/07/16 面试题
文明上网主题班会
2015/08/14 职场文书
Mysql查询时间区间日期列表,不会由于数据表数据影响
2022/04/19 MySQL