登录  /  注册
首页 > web前端 > js教程 > 正文

JS原生对象和正则表达式详解

小云云
发布: 2018-03-17 16:13:16
原创
1782人浏览过


本文主要和大家分享JS原生对象和正则表达式详解,分别有字符串对象数组对象日期对象数学对象正则表达式,希望能帮助到大家。

希望能帮助到大家。

一、字符串对象

<script type="text/javascript">
    // charAt indexOf replace search subStr 
    // subString splite fromCharCode slice
    var a = "qwe";
    console.log(a);    var p = a.indexOf("e");
    console.log(p);
    document.write(String.fromCharCode(72,69,76,76,79));</script>
登录后复制

二.数组对象

<script type="text/javascript">
        // 创建数组
        var arr1 = [1,2,3];        var arr2 = new Array(); // 空数组
        var arr3 = new Array(5); // 长度为5
        var arr4 = new Array("8"); // ["8"]
        var arr5 = new Array(4,5); // [4,5]
        console.log(arr1,arr2,arr3,arr4,arr5);        // 属性
        console.log(arr5.length);        // 方法
        // pop push 对数组的末尾添加/删除元素
        var newLength = arr5.push(6,7,8);
        arr5.pop();
        console.log(arr5, newLength);        // unshift shift  对数组首位添加/删除元素
        arr5.unshift(9);
        console.log(arr5);        var arr6 = [1,2,3,4];        // 数组反转 把数组元素的顺序反过来
        arr6.reverse();
        console.log(arr6);        // 把数组转化为字符串
        var str = arr6.join("-");
        console.log(str);        // 排序
        arr7 = [99, 45, 78, 22, 11, 1, 123];
        arr7.sort(function(a, b){
            return a - b;
        });
        console.log(arr7);        // splice(index,length, item1,item2.....itemn);
        // 用后面的item覆盖前面index和length组成的范围
        var arr8 = [11, 22, 33, 44];
        arr8.splice(2, 0, 999);
        console.log(arr8);    </script>
登录后复制

三、日期对象

<script type="text/javascript">
        // Date
        var date = new Date("2015-1-2");        var date2 = new Date("2015-1-1");
        console.log(date);
        console.log(date2);        // 两个日期相减得到的是时间差,单位是毫秒
        var res = date - date2;
        console.log(res/1000/3600/24 + 1);        // get 获取
        console.log(date.getFullYear());        // set 设置
    </script>
登录后复制

四、数学对象

<script type="text/javascript">
        // Math
        // 属性
        console.log(Math.PI);        // 方法
        // 生成0-1的随机数
        Math.random();        // abs 返回绝对值
        Math.abs(-3);    </script>
登录后复制

五、正则表达式

<script type="text/javascript">
        // reg = /正则部分(定义的规则)/正则属性
        // g 全局匹配 i是否区分大小写
        var reg = /test/gi
        var str = "hellotesthowareTESTyoutest";
        console.log(str.match(reg));        // \d 代表数字
        var reg2 = /\d/g;        var str2 = "wfawsefw2390480asdfas";
        console.log(str2.match(reg2));        // \w 代表单词字符 数字 字母 下划线
        var reg3 = /\w/g;        var str3 = "sgfsd234hjl_ sdfj+ \*`134212asd2( ,:a";
        console.log(str3.match(reg3));        // .匹配任意字符(除去换行符 \n)
        var reg4 = /./g;        var str4 = "4hjl_ sdfj+ \t*`1342\n12asd2( ,:a";
        console.log(str4.match(reg4));        // \s匹配空格字符 匹配空格
        var reg5 = /\s/g;
        console.log(str4.match(reg5));        // 量词
        var reg6 = /\d{1,3}/g;        var str6 = "3456787re0wr4645";
        console.log(str6.match(reg6));        // 方括号
        // 2 3 4 6里面的任何一个
        var reg7 = /[2-46{2}]/g;        var str7 = "23985734985028040";
        console.log(str7.match(reg7));        // 除去123以外的任何一个 
        var reg8 = /[^123]/g;        var str8 = "1234567890";
        console.log(str8.match(reg8));        // 小括号
        var reg9 = /3((4)|(2))/g;        var str9 = "2340250123284081";
        console.log(str9.match(reg9));        // 开头和结尾
        // ^ $
        var reg10 = /^34$/g;        var str10 = "342093434";
        console.log(str10.match(reg10));        // 11位 纯数字 1开头
        var reg11 = /^1(3[01379]|47|5[0258])\d{8}$/g;        var str11 = "13045340509";
        console.log(str11.match(reg11));        // 邮箱
        // (4-10位单词字符 开头必须是字母)@
        // @qq @163 . cn com
        var reg12 = /^[A-Z]|[a-z]\w{3,9}@(qq|163)(.com|.cn)$/g;        var str12 = "asdfsf@qq.com";
        console.log(str12.match(reg12));    </script>
登录后复制

以上就是JS原生对象和正则表达式详解的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号