zoukankan      html  css  js  c++  java
  • 数组 字符串 对象 常用方法

    对象

        obj.hasOwnProperty( 属性名)   遍历自己身上所以属性,看是否存在,如果有ture,没有false。

     

        let 子对象 = Object.create(父对象)  ;01 创建空的子对象      02 子对象继承  父对象中的成员    03 子对象有的成员,先用自己的成员,不会覆盖

     

        Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象。

     

     

    数组

    find 依次遍历数组中的每个元素,查找符合条件的元素,如果找到了,返回这个元素,如果没找到返回undefined

    返回元素

     

    let arr = ['wo','ai','ni','y','zz']
    
    // elem:当前遍历的元素
    // index:当前遍历元素的下标
    // self:当前被遍历的数组
    let result = arr.find((elem,index,self)=>{//依次遍历数组的元素,查找符合条件的元素,如找找到return这个元素,如果找不到返回undefined
                return index == '1'
          });
    console.log(result) // ai

     

     

    findIndex 依次遍历数组的元素,return 后加判断条件,如果找到符合条件的元素就返回这个元素的下标,如果找不到返回undefined

    返回下标

    let arr = ['wo','ai','ni','y','zz']
    
    // elem:当前遍历的元素
    // index:当前遍历元素的下标
    // self:当前被遍历的数组
    let result = arr.findIndex((elem,index,self)=>{//依次遍历数组的元素,return返回查找到元素的下标,如果找不到返回-1
                return elem == 'y'      
          });
    console.log(result) // 3

     

     

     

    filter 遍历数组Arr中每个元素,将符合条件的元素组成新的数组,并通过return返回

    1 // 过滤
    2    Var result = Arr.filter((elem,index,arr)=>{  //当前元素,下标,当前元素属于的数组对象
    3          Return 判断条件         //依次遍历数组arr中的每个元素,将符合条件的组成新的数组,并通过return返回
    4        })
    5  //result 接收返回的新的数组       

     

     

    map遍历数组Arr中的每个元素,执行相同的操作,并返回新的数组

    1 <script>
    2                         // 当前元素   下标   当前元素属于的数组对象
    3        Var result = Arr.map((elem,index,arr)=>{  //遍历Arr数组中的每个元素,执行相同的操作,并返回新的数组
    4          Return 需要执行的操作
    5        })
    6        //result 接收返回的新的数组                  
    7 </script>


    forEach遍历数组arr中的每个元素,将每个元素执行相同的操作,无返回结果
    1 <script>
    2               // 当前元素   下标   当前元素属于的数组对象
    3       Arr.forEach((elem,index,arr)=>{  //遍历数组arr中的每个元素,将每个元素执行相同的操作,无返回结果
    4          需要执行的操作
    5        })  没有返回的结果               
    6 </script>

     

     

    // 汇总 : 专门用来做累加的  arr.reduce()返回累加的记过

          var Arr=[1,2,3,4]

          var result=Arr.reduce(function(prev,elem){ 

                return prev+elem  //返回累加的结果

          })

          console.log(result)

     

     

     

    Some 只要数组中有一个满足判断条件就返回 true;

    Every 只有数组中所有元素都满足条件,才返回true

    Var Arr = [ 1, 2, 3, 4, 5, 6,'a','b' ];  

    var result=Arr.some(function(elem,i,arr){//result用来接收最终的返回结果

           return typeof elem==='number'  //写判断条件  返回布尔值

    })

    Console.log(result)//返回的布尔值

     

     

    ES7  arr.includes('查询内容')

      es7的includes()的用法和indexOf()几乎一样,数组字符串都可以使用,includes返回的是布尔值,查到返回true 查不到false,    indexOf()查到返回下标,查不到返回-1;

     

     

    数组排序    arr.sort( (a,b)=>{ return a-b})
    数组和字符串通用:concat   indexOf   includes slice
     

     数组中常用的方法:  find  findIndex filter map forEach some every indexOf  join 

              length pop push shift unshift reduce  reverse  includes

              slice  sort 

    字符串中常用的方法:replace split   toLocalLowerCase  toLocalUpperCase  toString String  trim 

      

  • 相关阅读:
    [Swift通天遁地]八、媒体与动画-(11)实现音乐播放的动态视觉效果
    [Swift通天遁地]八、媒体与动画-(10)在项目中播放GIF动画
    [Swift通天遁地]八、媒体与动画-(9)快速实现复合、Label、延续、延时、重复、缓冲、弹性动画
    [Swift通天遁地]八、媒体与动画-(8)使用开源类库快速实现位移动画
    net location
    移动js
    说说
    jquery mobile script
    jquery script
    保持整洁
  • 原文地址:https://www.cnblogs.com/javascript9527/p/11387923.html
Copyright © 2011-2022 走看看