es6数组的方法

  1.复习的函数

  函数是由关键字function声明的,他是一个引用数据类型,是Function的实例,在调用的时候会开辟一个私有空间

  2.函数的成员

  

  arguments:null  (是实参构成的数组集合)

  caller:null(是这个函数的调用者,函数在A个函数内调用,那么A就是这个函数的调用者,在window下caller是null)

  案例:

    function fn(){

      console.log(fn.caller)

    }

    function f(){

      fn(23,56)

    }

    f()         (解析:fn在f函数内调用,那么f就是fn的调用者)

  length:形参的个数;

  name:是函数名,只跟定义有关,不能修改

  arguments 函数的实参构成的数组集合 他下面的参数有

  callee:是当前函数本身;

  length:实参的个数;

  用递归写一个1-10的求和;

  var sum=0;

  function add(m){

    sum=sum+m

    if(m<1){

      return sum

    }

    else{

      return add(m-1)

    }

  var as=add(10)

  arguments.callee,也可以代替递归(因为他指向当前函数本身)

  3.函数作为参数;

    1.匿名函数传参

    2.命名函数传参,只传命名函数的函数名,不带(),否则传的是return 返回值;

  4.数组的方法

  sort(function(a,b){

    return a-b

    })        仅仅是对数字的从小到大排序;

  还有一种全能的方法,可以对任何东西排序;

  function getsort(a,b){

    if(a>b){

      return 1

    }

    else if(a==b){

      return 0;

    }

    else{

      return  -1

    }

  这是从小到大排序,如果从大到小排序 1和-1;换下位置;

  跟数据类型一些方法:

  1.检测数据类型 typeof 这是一个检测的方法;

  2.instanceof 这是一个判断的方法,返回值true和false;

  3.Object.prototype.toString()  返回的是以字符串"[object Object]"   第一个参数:是对象数据类型 ;第二个参数:具体是那种数据类型;这种写法得不到具体的第二个参数;

  所以需要在后面加.call()    Object.prototype.toString.call()   这种写法是完美的;

  es6新增数组的方法;

  之前的方法:1.concat()  2.push()  3.sort()  4.toString()  5.splice()  6.unshift()  7.reverse()  8.pop()  9.join()  10.shift()  11.indexOf()  12.slice()

  es6新增的方法:

  以 var arr=[12,65,47,13,10,13]为例;

  1.every()  用于检测数组中每个元素是否都满足某个条件,返回值是true和false;

  案例:

    var as=arr.every(function(value){
      return value>=18
    })
      console.log(as)

  2.filter()  用于检测数组中某个元素是否都满足某个条件,返回满足条件所有元素构成的新数组;

  案例:    

    var as=arr.filter(function(value){
      return value>12
     })

    console.log(as)

  3.find()  用于检测数组中第一个满足条件的元素,并返回;

  案例:

    var a=arr.find(function(va){
      return va>18
    })
    console.log(a)  

  4.forEach()  用于对数组进行遍历;

  案例:

    arr.forEach(function(value){
      console.log(value)
     })

  5.Map()  用于对数组进行遍历,将每个元素都传入到回调函数中加工,并返回新的结果,最后得到的是元素加工后组成的新数组;

  案例:

    var as=arr.map(function(va){
      return va+10;
     })
     console.log(as)

  由于这是es6新的方法,所以有的编辑器会报错,可以不用管他,最新的浏览器已经可以识别这个方法了    

原文地址:https://www.cnblogs.com/shangjun6/p/10268526.html

时间: 2024-11-09 05:08:45

es6数组的方法的相关文章

JavaScript ES6 数组新方法 学习随笔

JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var includes = arr.includes(2) map方法 map 遍历处理返回新数组 原数组不会改变 var map = arr.map(function (item) { return ++item }) reduce方法 reduce 遍历处理数组返回结果 prev与next中间的符号以

ES6数组实用方法浅析

1.map() [1,2,3,4].map(function(item, index, array){ return  item * 2; }) 对数组中的每一项执行一次回调函数,三个参数依次为:数组中的每一项.每一项的下标.原数组. map方法会改变原数组. 2.filter() [1,22,3,14].filter(function(item, index, array){ return  item >= 10; }) 对数组中的每一项执行一次回调函数,三个参数依次为:数组中的每一项.每一项

Es6中如何使用splic,delete等数组删除方法

Es6中如何使用splic,delete等数组删除方法 1:js中的splice方法 splice(index,len,[item])    注释:该方法会改变原始数组. splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值 index:数组开始下标        len: 替换/删除的长度       item:替换的值,删除操作的话 item为空 如:arr = ['a','b','c','d'] 删除 ----  item不设置 arr.splice(1,1)   /

JavaScrip ES6数组方法

ES6提供的两个静态方法: Array.from Array.of ES6提供操作.填充和过滤数组的方法: Array.prototype.copyWidthin Array.prototype.fill Array.prototype.find Array.prototype.findIndex ES6中有关于数组迭代的方法: Array.prototype.keys Array.prototype.values Array.prototype.entries Array.prototype[

ES6数组扩展

前面的话 数组是一种基础的JS对象,随着时间推进,JS中的其他部分一直在演进,而直到ES5标准才为数组对象引入一些新方法来简化使用.ES6标准继续改进数组,添加了很多新功能.本文将详细介绍ES6数组扩展 创建数组 在ES6以前,创建数组的方式主要有两种,一种是调用Array构造函数,另一种是用数组字面量语法,这两种方法均需列举数组中的元素,功能非常受限.如果想将一个类数组对象(具有数值型索引和length属性的对象)转换为数组,可选的方法也十分有限,经常需要编写额外的代码.为了进一步简化JS数组

javascript数组原型方法

1.javascript数组原型方法. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>jstest</title> 6 </head> 7 <body> 8 <script> 9 var arr = ["1","2&q

数组的复制及ES6数组的扩展

一.数组的复制 // alert([1,2,3]==[1,2,3]); let cc = [0,1,2]; let dd = cc; alert(dd==cc);//此时改变dd会影响cc ES5 只能用变通方法来复制数组. const a1 = [1, 2]; const a2 = a1.concat(); a2[0] = 2; a1 // [1, 2] //使用ES6语法会防止这种现象出现 const a1 = [1, 2]; // 写法一 const a2 = [...a1]; // 写法

es6 javascript对象方法Object.assign()

es6 javascript对象方法Object.assign() 2016年12月01日 16:42:34 阅读数:38583 1  基本用法 Object.assign方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目标对象( target ). [javascript] view plain copy var target = { a: 1 }; var source1 = { b: 2 }; var source2 = { c: 3 }; Object.assig

js数组遍历方法总结

数组遍历方法 1.for循环 使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显. for(j = 0,len=arr.length; j < len; j++) { } 2.foreach循环 遍历数组中的每一项,没有返回值,对原数组没有影响,不支持IE //1 没有返回值 arr.forEach((item,index,array)=>{ //执行代码 }) //参数:value数组中的当前项, index当前项的索引, array原始数组: //数组中有