1.map()

map()方法返回一个新数组,新数组是原始数组调用函数之后处理后的值。

map()方法按照原始数组元素顺序依次处理元素。

map不会对空数组进行检测。

map不会改变原始数组 。

参数:

array.map(function(currentValue,index,arr){}),分别为当前元素值(必选),索引,原数组

实例:

  1. const arr=[1,2,3,4,5];
  2. let arrs=arr.map((cur)=>{
  3. return cur+1;//每个元素加1
  4. })
  5. console.log(arrs)//[2,3,4,5,6]

2.reduce()

reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。

reduce() 对于空数组是不会执行回调函数的。

参数:

  1. array.reduce(function(total, currentValue, currentIndex, arr), initialValue),分别为函数的初始值,当前元素值,索引,原数组,传递给函数的初始值。
  2.  
  3. 实例:
  1. const arr=[1,2,3,4,5,4,3,2,1];
  2. let reduceArr=arr.reduce((total,cur)=>{
  3. return total+cur;//累加
  4. })
  5. let reduceArr2=arr.reduce((total,cur)=>{
  6. if(!total.includes(cur)){
  7. return total.concat(cur);//如果total里没有cur,就把cur合并到total里边。
  8. }else{
  9. return total;
  10. }
  11. },[])//[]为total的初始值
  12. console.log(reduceArr);//25
    13 console.log(reduceArr2);//[1,2,3,4,5]
  1.  
  1.  

3.filter()

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

filter() 不会对空数组进行检测。

filter() 不会改变原始数组。

  1. 参数:
  1. array.filter(function(currentValue,index,arr), thisValue),分别是当前元素,索引,原数组,对象作为该执行回调时使用,传递给函数,用作 "this" 的值。
  2.  
  3. 实例:
  1. const arr=[1,2,3,4,5,'a','b','c'];
  2. let filterArr=arr.filter((value)=>{
  3. return typeof(value)==='number';
  4. })
  5. console.log(filterArr);//[1,2,3,4,5]

4.sort()

sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字,并按升序或降序。默认排序顺序为按字母升序。

  1. const arr=[1,6,5,'2','3','4'];
  2. let sortArr=arr.map((item)=>{
  3. return item-0;//将arr里的str转换为Number
  4. }).sort((a,b)=>{
  5. return a-b;
  6. })
  7. console.log(sortArr);//[1,2,3,4,5,6]
  1.  
  1.  
  1.  

javaScript的高级函数的更多相关文章

  1. javascript之高级函数应用思想

    1.级联函数:应用对象方法调用的连写 function A(){ this.a = ''; this.b = ''; this.c = ''; } //改造一下 A.prototype = { A.p ...

  2. javascript高级函数

    高级函数 安全的类型检测 js内置的类型检测并非完全可靠,typeof操作符难以判断某个值是否为函数 instanceof在多个frame的情况下,会出现问题. 例如:var isArray = va ...

  3. 22.1 高级函数【JavaScript高级程序设计第三版】

    函数是JavaScript 中最有趣的部分之一.它们本质上是十分简单和过程化的,但也可以是非常复杂和动态的.一些额外的功能可以通过使用闭包来实现.此外,由于所有的函数都是对象,所以使用函数指针非常简单 ...

  4. 一篇文章把你带入到JavaScript中的闭包与高级函数

    在JavaScript中,函数是一等公民.JavaScript是一门面向对象的编程语言,但是同时也有很多函数式编程的特性,如Lambda表达式,闭包,高阶函数等,函数式编程时一种编程范式. funct ...

  5. 前端常用的库和实用技术之JavaScript高级函数

    1.惰性载入函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...

  6. 学习javaScript必知必会(3)~数组(数组创建,for...in遍历,辅助函数,高级函数filter、map、reduce)

    一.数组: 1.js是弱语言,js中的数组定义时:不用指定数据类型.不用功指定数组长度:数组可以存储任何数据类型的数据 2.数组定义的[ ] 的实质: [] = new Array(); {} = n ...

  7. JavaScript高阶函数 map reduce filter sort

    本文是笔者在看廖雪峰老师JavaScript教程时的个人总结 高阶函数            一个函数就接收另一个函数作为参数,这种函数就称之为高阶函数          1.高阶函数之map:   ...

  8. JavaScript 立即执行函数

    js中(function(){…})()立即执行函数写法理解 javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法 ...

  9. Javascript学习之函数(function)

    在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上也是一个指向函数对象的指针. 一 函 ...

随机推荐

  1. docker的daemon配置

    文件:/etc/docker/daemon.json,如果没有就创建 修改后重启生效:systemctl restart docker 示例内容: { "registry-mirrors&q ...

  2. Goexit

    package main import ( "fmt" "runtime" ) func test() { defer fmt.Println("cc ...

  3. python(二)——if条件语句与基本数据类型

    if语句 缩进要保持一致 if 1 == 1: print('hello') if 2 == 2: print('world') else: print('python') elif inp = in ...

  4. 机器学习---三种线性算法的比较(线性回归,感知机,逻辑回归)(Machine Learning Linear Regression Perceptron Logistic Regression Comparison)

    最小二乘线性回归,感知机,逻辑回归的比较:   最小二乘线性回归 Least Squares Linear Regression 感知机 Perceptron 二分类逻辑回归 Binary Logis ...

  5. web安全总结

    一.XSS 首先说下最常见的 XSS 漏洞,XSS (Cross Site Script),跨站脚本攻击,因为缩写和 CSS (Cascading Style Sheets) 重叠,所以只能叫 XSS ...

  6. 洛谷P2659 美丽的序列

    题目 该题目可以用辅助数组l[i], r[i]来指向以data[i]为最小值的左端点和右端点.然后最后枚举每个data[i]寻找每个data[i]的美丽值的最大值. 然后辅助数组可以用单调栈求出. # ...

  7. 什么是uni-app?

    uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.H5.以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台. 即使不跨 ...

  8. 【DataStage】使用Sequence Job报错:CopyOfseq_ld..JobControl (fatal error from @Coordinator): Sequence job (restartable) will abort due to previous unrecoverable errors

    错误描述: 在使用Sequence Job加载作业的时候,报了个错,详细错误内容如下: 出现这个错误的原因是由于以下配置问题,Excution action的状态为Run造成. 解决方案: 将Excu ...

  9. windows 共享文件夹

    windows 共享文件夹 同步工作组 右键单击"计算机",选择"属性" 更改设置 单击"更改". 输入工作组 和 主机名 启计算机使更改生 ...

  10. linux学习(2):linux服务器常用操作和命令

    linux服务器常用操作和命令 目录 1. 什么是linux服务器load average?2. 如何查看linux服务器负载3. 服务器负载高怎么办?4. 如何查看服务器内存使用率?5. 如何查看单 ...