数组对象和正则数组对象和正则

本文详细介绍了数组对象的排序方法,包括冒泡排序、选择排序和sort排序,并探讨了数组的迭代方法如every、some、filter、forEach和map。同时,讲解了正则对象的创建、修饰符、检索方法以及正则元字符,帮助理解正则表达式的使用。
摘要由CSDN通过智能技术生成

数组对象和正则

1.数组对象

1.1数组排序

冒泡排序

  • 冒泡排序思路

    • 相邻的两个元素进行比较 如果后面的元素比前面的元素小 就交换位置

for(var i = 0;i<arr.length-1;i++){
  for(var j = 0;j<arr.length-1-i;j++)}{
    if(arr[j]>arr[j+1]){
      var temp = arr[j];
      arr[j] = arr[j+1];
      arr[j+1] = temp;
    } 
  }
}

选择排序

  • 选择排序思路

    • 当前这个元素 和后面所有的元素依次比较 如果后面的值比钱前面的值小 就交换位置

 <script>
        var arr = [6, 3, 9, 2, 7, 1,10,0,12];
        for (var i = 0; i < arr.length; i++) {
            for (var j = i + 1; j < arr.length; j++) {
                if (arr[i] > arr[j]) {
                    var temp = arr[i];
                    arr[i] = arr[j];
                    arr[j] = temp;
                }
            }
        }
        console.log(arr);
    </script>

sort排序

==注意:如果是相同排序 就根据原有数组的结构顺序显示==

  • 基础使用

  // 1.sort() 是数组自带的方法   数组.sort()
        // 基础使用   不带参数  默认排序是根据ASCII码进行排序的  "0"---48
        var arr = [6, 3, 9, 2, 7, 1,10,0,12];
        console.log(arr);
        // arr.sort(); 
        // console.log(arr);
​
        //  带参数  按照number类型比较      sort(function(a,b){ }) // a和b是相邻的两个数据
        arr.sort(function(a,b){
            console.log(a,b);// a是后一个数  b是一个数
            // return a - b //从小到大
            return b - a //从大到和
        })
        console.log(arr);
  • 对象排序

 // 2.对象排序  根据对象的age排序 l y g d
        var arr1 = [
            {
                "name":"李三","age":15,"date":"2006-4-1"
            },
            {
                "name":"杨思","age":12,"date":"2009-4-1"
            },
            {
                "name":"郭郭","age":17,"date":"2010-4-1"
            },
            {
                "name":"迪丽热巴","age":19,"date":"2003-4-1"
            }
        ] 
​
        arr1.sort(function(a,b){
            // 获取对象中的属性值  对象名.属性名
            return a.age - b.age  //根据age 从小到大
          
        })
  • 日期排序

 // 3.日期排序  
        console.log( Date.parse("2022-10-1") );//1664553600000 创建字符串未来时间并且转换时间戳(毫秒单位 1970年1月1日到2022年10月1日的毫秒单位)
        console.log( new Date("2022-10-1") - new Date("2020-10-1")  );// 隐式转换
​
        arr1.sort(function(a,b){
            // return  Date.parse( a.date ) - Date.parse( b.date )
            return new Date(a.date) - new Date(b.date);
        })
        console.log(arr1);
  • 中文排序

// 4.根据中文排序  a-z
        // 李三 l    杨思 y   郭郭 g  迪丽热巴 d   迪丽热巴 郭郭 李三 杨思
        arr1.sort(function(a,b){
            // localeCompare 
            // return a.name.localeCompare(b.name);//将中文转换拼音 根据拼音首字母按照a-z排序
            return b.name.localeCompare(a.name);//将中文转换拼音  根据拼音首字符按照z-a排序
        })
        console.log(arr1)
  • 随机排序

// 5.随机排序
        var arr2 = [1,2,3,4,5,6];
        arr2.sort(function(a,b){
            return Math.random() - 0.5;//通过随机产生0-1的数  然后判断是否大于0.5
        })
        console.log(arr2);
​

1.2数组的迭代方法

==IE低版本不支持迭代方法==

  • 以前学的数组方法

    • 循环 for while do-while

    • 遍历 for-in

    • 迭代 every some forEach map filter

  • every

    • 语法:arr.every(function(数组元素,下标,当前数组){ })

    • 作用:对数组元素进行判断 所有的判断都为true的之后 结果返回true

     // 1.every
            var arr = [80,60,100,45,99,10]; // true true true false true false
            // 判断所有成绩是否都大于60分
            var res =  arr.every(function(item,index){ // item数组元素(80 60 100 45 99 10)  index下标(0,1,2,3,4,5)
                console.log(item,index)
                return item >=60
            })
            console.log(res);
  • some

    • 语法:arr.some(function(数组元素,下标,当前数组){})

    • 作用:对数组元素进行判断 只要有一个判断条件为true 结果就为true

    // 2.some  只要有一个判断条件为true  结果就为true
            // 考试成绩中有没有考到100分的
            var arr1 =  [80,60,100,45,99,10];// false false true false false false
            var res =  arr1.some(function(item,index){ // item数组元素  index下标
                return item==100
            })
  • filter

    • 语法:arr.filter(function(数组元素,下标,当前数组){})

    • 作用:对数组元素进行判断 将满足条件的元素组成一个新的数组返回

     // 3.filter 对数组元素进行判断  将满足条件的元素组成一个新的数组返回
            // 将成绩大于60的全部筛选出来
            var arr2 = [80,60,100,45,99,10];
            var res =  arr2.filter(function(item,index){
                return item>=60
            })
            console.log(res);
  • forEach

    • 语法:arr.forEach(function(数组元素,下标,当前数组){})

    • 作用:遍历数组 没有返回值

     // 4.forEach 遍历数组  没有返回值
            // 将所有的成绩-5
            var arr3 = [80,60,100,45,99,10];
            var res =  arr3.forEach(function(item,index){//item数组元素  index下标
                console.log(item,index);
                arr3[index] = item-5
            })
            console.log(arr3)
  • map

    • 语法:arr.map(function(数组元素,下标,当前数组){})

    • 作用:遍历数组 有返回值

           // 5.map  遍历数组  有返回值
            var arr4 = [80,60,100,45,99,10];
            var res =  arr4.map(function(item,index){
                // + 5
                return item+5
            })
            console.log(res,arr4);

2.正则对象

  • 正则对象:RegExp对象

  • 概念:提前定义好的,用于检测字符串的逻辑表达公式,这个逻辑表达式就叫正则表达式

  • 作用:验证码字符串是否满足条件

2.1创建正则对象

  • 字面量创建

  // 1.使用字面量创建  /检测公式/修饰符
        var reg = /1[3-9][0-9]{9}/gi
       
  • 使用new关键字创建

 // 2.使用new关键字创建 new RegExp(检索公式,修饰符)
        var reg1 = new RegExp("1[3-9][0-9]{9}", "gi")    
  • 区别

 // 2.两者有什么区别
​
        var w = "web";
        var reg2 = /w/;//字面量创建的正则 没有变量的概念
        console.log(reg2)
​
        var w = "java"
        var reg3 = new RegExp(w);//new关键字创建  可以使用变量
        console.log(reg3)

2.2修饰符

  • g global 执行一个全局的匹配

        // g  全局匹配  0-9的数字用*代替
        var str = "web0711web0711";
        var reg1 = /\d/g; // "\d" 匹配0-9的数字
        // replce
        var newSatr =  str.replace(reg1,"*");// 将str字符串中的数字都替换成*
        console.log(newStr);
​
  • i ignore case 执行一个不区分大小写的匹配

        // i  不区分大小写  将web替换成java
        var str = "web0711Web0711web0711web0711";
        var reg2 = /web/gi;
        var newStr =    str.replace(reg2,"java");
        console.log(newStr); 

2.3检索方法

2.3.1字符串的检索方法

  • 字符串中有4个方法 是可以直接写正则表达式的

    • replace split match search

  • replace

    // str.replace(要查询的内容,要替换的内容)
        var str = "web0711ui0711java0711"; 
        //将0711 替换成 0722
        var newStr =  str.replace(/0711/g,"0722");
        console.log(newStr);//web0722ui0722java0722       
  • split

// str.split(分割标识)  将字符串根据分割标识分割成数组
        var str = "q1w2e3r4t5y6a";// 将字母挑选出来 并且组成一个新的数组
        var newStr = str.split(/\d/);// 字符串的分割标识只要是0-9的数字即可
        console.log(newStr);// ['q', 'w', 'e', 'r', 't', 'y', 'a']   
  • match

  //match str.match() 挑选满足条件的内容组成一个新的数组返回 
        var str = "q1w2e3r4t5y6a"; // 将所有的数字挑选出来 并且组成一个新的数组
        var newStr = str.match(/\d/g);
        console.log(newStr);//['1', '2', '3', '4', '5', '6']     
  • search

       // search  str.search   和indexof的作用一样  
        var str = "9q1w2e3r4t5y6a"; 
        // var str = "abcdefg";
        var index =   str.search(/\d/);//查找str中首次出现数字的位置
        console.log(index);//-1
​
​
        // indexof和search的作用是一致的  但是有区别 search可以使用正则 indexof不能使用
        var index = str.indexOf(/\d/);
        console.log(index);// -1  无法识别正则表达式

2.3.2正则对象的检索方法

  • test

    • 语法:正则表达式.test(检测的内容)

    • 作用:满足正则条件返回true 不满足则是返回false 正则表达式.test(检测的内容)

 // 正则的检索方法   test   exec
        // test 满足正则条件返回true 不满足则是返回false   正则表达式.test(检测的内容)
        var str = "27823456789";
        var reg = /^1[3-9][0-9]{9}$/;// 检测手机号 以1开头 第二位是3-9的数  必须是11位
        console.log(reg.test(str));//false
​
       
  • exec

    • 语法:正则表达式.exec(检索内容)

    • 作用: 检索字符串 检测通过返回检测内容(数组格式) 检测不通过返回null

    • ==注意==

      • 不加g 默认每次都是从下标为0的位置开始检测

      • 加上g 从上一次查找的位置往后开始查找

 //exec 检索字符串 检测通过返回检测内容(数组格式) 检测不通过返回null
        // 正则表达式.exec(检索内容)
        // 不加g    默认每次都是从下标为0的位置开始检测
        // 加上g    从上一次查找的位置往后开始查找
        var str = "q1w2e3r4t5y6a";
        var reg = /\d/g;//检索数字
        var a = reg.exec(str);//一次只能检索一个
        console.log(a);//1
        var a = reg.exec(str);//一次只能检索一个
        console.log(a);//2
        var a = reg.exec(str);//一次只能检索一个
        console.log(a);//3
        var a = reg.exec(str);//一次只能检索一个
        console.log(a);//4
        var a = reg.exec(str);//一次只能检索一个
        console.log(a);//5
        var a = reg.exec(str);//一次只能检索一个
        console.log(a);//6
        var a = reg.exec(str);//一次只能检索一个
        console.log(a);//null

2.4正则元字符

正则元字符:在正则表达式中有些特定的符号有特定功能

  • . 匹配出换行符之外的任意内容

// \n换行符 \t空格符   exec 返回检测的内容 检测不到返回null
        var str = "你好\n你好\t你好";
        //1    .匹配出换行符之外的任意内容
        var reg = /./g; //全局匹配出换行符之外的任意内容
        var a = reg.exec(str);
        console.log(a);//你
        var a = reg.exec(str);
        console.log(a);//好
        var a = reg.exec(str);
        console.log(a);//你
  • [字符集] 匹配字符集中的任意字符

 // 2  [字符集] 匹配字符集中的任意字符
        var str = "web0711web0711";
        // var reg = /[a-z]/g;// 匹配a-z中的任意一个字符
        var reg = /[a-z0-9]/g;// 匹配a-z或者是0-9之间的任意字符
        var a = reg.exec(str);
        console.log(a);//w 
        var a = reg.exec(str);
        console.log(a);//e
        var a = reg.exec(str);
        console.log(a);//b
        var a = reg.exec(str);
        console.log(a);//0
​
        var str = "1234567";
        //验证邮箱  邮箱中都包含@
        var reg = /[@.]/ //验证字符串中是否包含@或者.
        var a = reg.exec(str);
        console.log(a);//null
  • [^字符集] 匹配非字符集中的任意字符

 // 3.[^字符集] 匹配非字符集中的任意字符
        var str = "12@34567";
        var reg = /[^@.]/g;// 匹配非@或者.的内容
        console.log(reg.exec(str));//1
        console.log(reg.exec(str));//2
        console.log(reg.exec(str));//3
  • \d 匹配数组 \D 匹配非数字

 // 4  \d 匹配数组  \D 匹配非数字
        var str = "q1w@2e3r4t5";
        var reg = /\d/g;// 匹配数字
        console.log(reg.exec(str));//1
        console.log(reg.exec(str));//2
        var reg = /\D/g;// 匹配非数字
        console.log(reg.exec(str));//q
        console.log(reg.exec(str));//w
        console.log(reg.exec(str));//@
  • \w 匹配数字 字母 下划线 \W 匹配非数字 非字母 非下划线

 // 5 \w 匹配数字 字母 下划线    \W 匹配非数字 非字母 非下划线
        var str = "q1w@2e3r_4t5";
        var reg = /\w/g;
        console.log(reg.exec(str));//q
        console.log(reg.exec(str));//1
        console.log(reg.exec(str));//w
        console.log(reg.exec(str));//2
​
        var reg = /\W/g;
        console.log(reg.exec(str));//@
        console.log(reg.exec(str));//null
  • \s 匹配空格 \S匹配非空格

 // 6 \s 匹配空格    \S匹配非空格
        var str = "q1 w@2e3r_4t 5";
        var reg = /\s/g;
        console.log(reg.exec(str)); // " "
        console.log(reg.exec(str)); // " "
​
                var reg = /\S/g;
        console.log(reg.exec(str));//q
        console.log(reg.exec(str));//1
        console.log(reg.exec(str));//w
  • ^a 必须以a开头 a$ 必须以a结尾

 // 7 ^a 必须以a开头   a$  必须以a结尾   严格模式
        var str = "178098765430";// 12位数  
        var reg = /^1[3-9]\d{9}$/;
        console.log(reg.test(str)); //false    
  • a{m,n} 匹配a的位数 至少是m位 最多n位

  // 8 a{m,n}  匹配a的位数   至少是m位  最多n位
        var str = "123456";
        var reg = /^\d{2,3}$/;// 匹配数字最少2位 最多3位  
        console.log(reg.test(str));//false
​
  • a{m} 匹配a的位数 至少m位 最多m位

        // 9 a{m}   匹配a的位数  至少m位 最多m位
        var str = "123456";
        var reg = /^\d{6}$/;// 匹配6位数字
        console.log(reg.test(str));//true
​
       
  • a{m,} 匹配a的位数 至少m位

 // 10 a{m,} 匹配a的位数  至少m位 
        var str = "1";
        var reg = /^\d{2,}$/;// 匹配数字至少2位
        console.log(reg.test(str));//true

3.面试题

1-数组的所有方法必须掌握
2-数组的迭代方法必须掌握
3-数组的去重必须掌握

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值