10.25前端笔记

1.数组的排序方法

    sort排序：数组自带的排序方法
    数组.sort()  不传参
    数组.sort(function(a,b){
    
    })   传参
    1.基础使用：sort() 不传参 根据ASCII码进行排序的  0-48
    2.扩展使用：sort(function(a,b){}) 带参数  根据number类型排序

    3.根据对象中某一个属性进行排序  根据年龄排序
        如果两个值相同，是根据原数组中的顺序结构显示
        console.log(a.age, b.age)// a和b是两个相邻的元素,{},{}
        return a.age - b.age;//从小到大
    4.根据对象中的日期排序  日期排序是根据时间戳进行排序
        new Date(日期) 会自动进行隐式转换  转成时间戳的形式
        return new Date(a.date) - new Date(b.date)
        Date.parse(字符串日期)  将字符串格式的日期转换成时间戳
        return Date.parse(a.date) - Date.parse(b.date)
    5.根据对象中的中文排序
        a.localeCompare(b)  字符串根据a - z从小到大进行排序
        b.localeCompare(a)  字符串根据a - z从大到小进行排序
        return a.name.localeCompare(b.name)
    6.随机排序 Math.random() - 0.5

2.数组的迭代方法
    
        循环：for while do-while
        遍历：for-in
        迭代：every some filter forEach map

    1. every
        语法：数组.every(function(item,index,array){  item是当前元素 index当前元素下标 array是当前操作的数组  })
        作用：对数组元素进行判断 当所有的判断结果为true的时候  才会返回true
    2. some
        语法：数组：some(function(item,index,array){  item是当前元素 index当前元素下标 array是当前操作的数组  })
        作用：.some:对数组元素进行判断  只要有一个为true 结果就为true
    3. filter
        语法：数组：filter(function(item,index,array){  item是当前元素 index当前元素下标 array是当前操作的数组  })
        作用：filter(筛选)：对数组元素进行判断 结果为true的元素会组成一个新的数组进行返回
    4.map
        语法：数组：map(function(item,index,array){  item是当前元素 index当前元素下标 array是当前操作的数组  })
        作用：map:遍历数组 有返回值  返回值会组成一个新的数组进行返回
    5. forEach
        语法：数组：forEach(function(item,index,array){  item是当前元素 index当前元素下标 array是当前操作的数组  })
        作用：forEach:遍历数组  没有返回值
3.正则对象

      正则对象：RegExp
      概念：提前定义好的 用于检索字符串的逻辑表达式(正则表达式)
      作用：验证字符串是否满足条件(多用于注册 登录界面)      验证手机号 /^1[3-9]\d{9}$/

    3.1创建正则对象

        1.字面量创建   /正则表达式/修饰符   \d 0-9  [0-9]
        2.使用new关键字创建 new RegExp(正则表达式,修饰符) 
        3.字面量创建和new关键字创建有什么区别
          字面量创建的正则表达式中  没有变量的概念
          new关键字创建的  是可以识别变量
    3.2修饰符

        1.g  global(全局)：执行一个全局的匹配
        2.i ignore case 执行一个不区分大小写的匹配
    3.3检索方法

       3.3.1字符串自带的检索方法
          字符串中有些方法可以直接写正则表达式：replace    split--分割  match  search
        1.replace
            var str = "0823web0823web0823web";
            //需求：将数字都替换成*
              var reg = /\d/g;//\d 匹配0-9之间的任意一个数  [0-9]
             var newStr = str.replace(reg, "*")
             console.log(newStr);

        2.split(分割标识)  分割标识也可以是一个正则表达式
            var str = "q1w2e3r4t5y6u";
            // 需求：去掉数字  先根据数字分割字符串
            var reg = /\d/g;
            var newStr = str.split(reg);
            console.log(newStr.join(""));//["q","w","e","r","t","y","u"]   "qwertyu"

        3.match 挑选满足条件的组成一个新的数组返回
            var str = "q1w2e3r4t5y6u";
            // 需求：把数字都挑选出来
            var reg = /\d/g;
            var newArr = str.match(reg);
            console.log(newArr);//["1","2","3","4","5","6"]

        4.search的功能和indexof一样  区别：search可以使用正则
            var str = "q9w2e3r4t5y6u";
            var reg = /\d/g;
            var index = str.search(reg);//查找str这个字符串中 首次出现数字的元素位置
            console.log(index);//1
        </script>

       3.3.2正则对象中的检索方法

           正则对象：test  exec     正则表达式.test()   正则表达式.exec()

        1.正则表达式.test(检索的字符串)   满足true  不满足false
         []  匹配[]中的任意字符

        var reg = /^1[3-9]\d{9}$/;
        var phone = "11456789011";
        console.log(reg.test(phone));//false

        2.正则表达式.exec(检索的字符串)
           检测通过则是返回数组 数组中包含检索通过的字符和下标以及其他信息  如果检索不到则是返回null
           不加g：每次都是从下标为0的位置开始检索 检测到一个就停止
           加g:从上次检索的位置开始进行查找  检索到一个就停止

            注意：检索到最后为null 为null再检索是从头开始
        var str = "q1w2e3r4t5y6u7";
        var reg = /\d/g;
        console.log(reg.exec(str));//['1', index: 1, input: 'q1w2e3r4t5y6u7', groups: undefined]
        console.log(reg.exec(str));//['2', index: 3, input: 'q1w2e3r4t5y6u7', groups: undefined]