HTML数组操作大全

最新推荐文章于 2024-01-01 00:16:50 发布

Tw368WJZ

最新推荐文章于 2024-01-01 00:16:50 发布

阅读量7k

点赞数 3

分类专栏： html js 元素对象正则表达式

本文链接：https://blog.csdn.net/Tw368WJZ/article/details/79581612

版权

html 同时被 3 个专栏收录

14 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

元素

3 篇文章 0 订阅

订阅专栏

HTML数组操作大全

1.数组对象

1.length---长度
2.pop---删除最后一个元素并返回
3.push---对数组进行添加并返回长度
4.unshift ----对数组首位进行添加元素
5.shift---对数组首位进行删除
6.reverse---数组反转
7.sort-----对数组进行排序
8.splice---对数组值进行覆盖

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>数组对象</title>
</head>
<body>
<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(arr5,arr1,arr2,arr3,arr4);
    console.log(arr5.length);//属性length--数组长度
    //方法
    // pop push 对数组添加/删除元素
    var newLengh = arr5.push(6,7,8);//向arr5添加元素6,7,8--返回值为新数组长度
    console.log(arr5, newLengh);
    // pop() 方法用于删除并返回数组的最后一个元素。
    var newLeng = arr5.pop();//删除的是最后一个元素
    console.log(arr5,newLeng);

    //unshift / shift对数组首位添加/删除--返回值数组长度
    var newfast = arr5.unshift(9);
    console.log(arr5,newfast);

    //数组反转
    arr5.reverse();
    console.log(arr5);

    //数组转字符串
    // join
    var str = arr5.join("+");//以+为间隔连接
    console.log(str);

    //排序
    // sort--采用冒泡排序
    //返回值为正是正序返回负值是反序
    arr6 = [99,45,78,1];
    arr6.sort(function(a,b){
        return b - a;
    });
    console.log(arr6);

    //覆盖
    // splice(index,length,item1,item2.....)--覆盖
    //用后面的item覆盖前门的index 和length️的范围
    var arr7 = [11,22,33,44];
    arr7.splice(2,0,999);//(位置角标 长度 添加值)
    console.log(arr7);

</script>
</body>
</html>

2.数学对象

1.Math.random()---生成随机数
2.Math.abs(-9)-----返回绝对值
3.Math.PI-------圆周率

<script type="text/javascript">
    // Math
    // 属性
     console.log(Math.PI);
    // 生成0-1的随机数
    Math.random();
    //abs返回绝对值
     console.log(Math.abs(-9));

</script>

3.日期对象

1.new Date()-----获取当前时间
2.new Date("2015-5-07 14:22:00")---自定义时间
3.get获取时间
 3.1http://www.w3school.com.cn/jsref/jsref_obj_array.asp 
 3.2http://www.w3school.com.cn/jsref/jsref_obj_math.asp

<script type="text/javascript">
    var date = new Date("2015-5-07 14:22:00");
    var date2 = new Date("2016-1-1")
    // 两日期相减得到的是时间差,单位是毫秒
    console.log(date);
    console.log(date2);
    var res = date2 - date;
    console.log(res/1000/3600/24 + 1);
    //get获取
    console.log(date.getFullYear());
// http://www.w3school.com.cn/jsref/jsref_obj_array.asp
// http://www.w3school.com.cn/jsref/jsref_obj_math.asp
</script>

4.正则表达式

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>正则表达式</title>
</head>
<body>
<script type="text/javascript">
    //reg = /正则部分(定义的规则)/正则属性
    //g 全局匹配 i 是否区分大小写
    // g区分大小写  匹配多次
    //i 不区分大小写只匹配一次
    //m 匹配多行
    var reg = /test/g;
    var str = "Testhfd@shfk12331345678995193jtestdh_gkf就是觉得是h kjg\nHKJHKHz ";
    console.log(str.match(reg));//匹配字符串中有几个test

    ///\d 代表数字
    var reg1 = /\d/g;
    console.log(str.match(reg1));

    //\w单词字符 数字 下 划线
    var reg2 = /\w/g;
    console.log(str.match(reg2));

    //. 匹配任意字符(除去换行符)
    var reg3 = /./g;
    console.log(str.match(reg3));

    //[\s]匹配所有空白
    //[\S]匹配所有非空白
    var reg4 = /\s/g;
    console.log(str.match(reg4));

    //量词{,}几到几位一组
    var reg5 = /\d{1,5}/g;
    console.log(str.match(reg5));

    //[-] 
    var reg6 = /[3-6]/g;//匹配数字3-6
    console.log(str.match(reg6));

    //^ 非字符取反
    var reg7 = /[^123]/g;//除了数字123其余都匹配
    console.log(str.match(reg7));

    //()
    var reg8 = /3(45)|9([53])/g;//匹配3后面有45或者9后面有5的数
    console.log(str.match(reg8));
    // 开头和结尾
    var reg10 = /^4466$/g;
    var str10 = "4466"; //判断字符串是不是4466
    console.log (str10.match(reg10));

    //11位 纯数字 1开头
    var reg11 = /^1(3[379]|47|56)\d{8}$/g;
    var str11 = "13944448888";
    console.log(str11.match(reg11));

    //邮箱
    // (4-10为单词字符,开头必须是字母)@
    // @qq @163 . cn com
    var reg12 = /^@qq(12[1234])\d{2}.com$/g;
    var str12 = '@qq12355.com';
    console.log(str12.match(reg12));

</script>
</body>
</html>

这里写图片描述

Tw368WJZ

关注

3
点赞
踩
18

收藏

觉得还不错? 一键收藏
0
评论
HTML数组操作大全

HTML数组操作大全1.数组对象1.length---长度2.pop---删除最后一个元素并返回3.push---对数组进行添加并返回长度4.unshift ----对数组首位进行添加元素5.shift---对数组首位进行删除6.reverse---数组反转7.sort-----对数组进行排序8.splice---对数组值进行覆盖&lt;!DOCTYPE ht...
复制链接

扫一扫