JavaScript | 内置对象以及对象常用的方法

最新推荐文章于 2024-04-25 19:45:00 发布

Bravo！！！

最新推荐文章于 2024-04-25 19:45:00 发布

阅读量105

点赞数

分类专栏： JavaScript 文章标签： javascript js

本文链接：https://blog.csdn.net/weixin_47982238/article/details/107751163

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

一、数学

属性：Math.PI //圆周率

方法：

Math.ceil(); //向上取整数

Math.floor(); //向下取整数

Math.round(); //四舍五入取整数

Math.random(); //0~1之间随机数

Math.max(); //取最大值

Math.min(); //取最小值

实例：

<html>
<head>
    <meta charset="UTF-8" />
    <title></title>
</head>
<body>
    <img src="" id="imgid">
</body>
<script>
    arr=['a.png','b.png','c.png','d.png','e.png'];
    rand=Math.random();
    tot=arr.length;
    imgobj=document.getElementById('imgid');
    imgobj.src=arr[sub];
    //以上代码可以实现随机取五张图片中的任意一张
</script>        
</html>

二、日期

1.生成对象：new Data();

2.时间对象方法：

getFullYear();

getMonth();

getDate();

getHours();

getMinutes();

getSeconds();

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <style>
        *{
            font-family: 微软雅黑;
        }
    </style>
</head>
<body>
    <img src="" id="imgid">
</body>
<script>
//日期对象
dobj=new Date();

year=dobj.getFullYear();
month=dobj.getMonth()+1;
day=dobj.getDate();
hour=dobj.getHours();
minute=dobj.getMinutes();
second=dobj.getSeconds();

str=year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second;
alert(str);
</script>
</html>

三、定时器

s1=setInterval(func,3000); //每隔三秒钟执行函数

clearInterval(s1); //清除定时器

结合日期和定时器的实例—>写一个网页秒表特效

四、超时器

1.定义

t1=setTimeout(func,1000);

2.清除

clearTimeout(t1);

实例—>实现页面3秒后跳转

五、字符串

属性：length

方法：

indexOf();

<script>
    str='linux';
    alert(str.indexOf('n'));//找到n的下标
</script>

//输出2

lastIndexOf(); //和indexOf()用法类似，区别如下

<script>
    str='///';
    alert(str.indexOf('/'));  //结果为0
    alert(str.lastIndexOf('/'));   //结果为2
</script>

substr(0,5); //从下标为0的位置往后截取5个长度的字符

<script>
    str='https://mp.csdn.net/html/107751163';
    pos=str.lastIndexOf('/');
    file=str.substr(pos+1); //括号内只有一个数字就是截取到末尾
    alert(file);
</script>

split(reg); //将字符串分割成数组

<script>
    file='asd.dfg.fgh.ghj';
    arr=file.split('.');  //以.为分割部分内容作为数组
    alert(arr);
</script>

//结果为asd,dfg,fgh,ghj

slice(start,end); //从start开始，截取到第end个，但不包含end

search(reg|正则表达式); //搜索字符串是否在字符串中，是则输出第一个元素的下标，否则输出-1

正则表达式在这一系列的会有博客专门讲一下

<script>
    str='sfsifhsohfsoh';
    pos=str.search('ifhs');
    document.write(pos);  //3
    pos1=str.search('aaaaa');
    document.write(pos1);  //-1
</script>

match(reg|正则表达式); //字符串匹配

<script>
    str='sfsifhsohfsohOH';
    arr=str.match(/oh/g); //oh/g为正则，g为global，表示全局的oh
    alert(arr);  //oh,oh
</script>

replace (reg,"str"|正则表达式); //替换字符

<script>
    str1='https://mp.csdn.net/home/html';
    str2=str1.replace('home','HOME');
    document.write(str1); //https://mp.csdn.net/home/html
    document.write(str2); //https://mp.csdn.net/HOME/html
</script>

toUpperCase(); //字符串转大写字母

toLowerCase(); //字符串转小写字母

<script>
    str='asdFiHHOyhj';
    str1=str.toUpperCase();
    str2=str.toLowerCase();
    document.write(str1);//ASDFIHHOYHJ
    document.write(str2);//asdfihhoyhj
</script>

六、数组

属性：length

方法：

join("/"); //把数组连接成字符串

<script>
    arr=['linux','php','css','javascript'];
    str1=arr.join('-');
    document.write(str1); //linux-php-css-javascript
</script>

pop(); //把数组最后一个值弹出，原数组最后一个值被删除

<script>
    arr=['linux','php','css','javascript'];
    str1=arr.pop();
    document.write(str1); //javascript
    document.write(arr); //linux,php,css
</script>

push(); //在数组末尾添加元素，并且改变原数组

<script>
    arr=['linux','php','css','javascript'];
    str1=arr.push('bookstrap');
    document.write(str1); //5(输出数组的长度)
    document.write(arr); //linux,php,css,javascript,bookstrap
</script>

shift(); //把数组第一个值弹出，原数组第一个值被删除

<script>
    arr=['linux','php','css','javascript'];
    str1=arr.shift();
    document.write(str1); //linux
    document.write(arr); //php,css,javascript
</script>

unshift(); //在数组末尾添加元素，并且改变原数组

<script>
    arr=['linux','php','css','javascript'];
    str1=arr.unshift('bookstrap');
    document.write(str1); //5(输出数组的长度)
    document.write(arr); //bookstrap,linux,php,css,javascript
</script>

reverse(); //翻转数组中的元素，原数组改变不创建新数组

<script>
    arr0=['linux','php','css','javascript'];
    arr1=arr0.reverse();
    document.write(arr0); //javascript,css,php,linux
    document.write(arr1); //javascript,css,php,linux
</script>

concat(); //连接两个数组

<script>
    arr0=['linux','php','css','javascript'];
    arr1=['html','python','c#'];
    arr2=arr0.concat(arr1);
    document.write(arr2); //linux,php,css,javascript,html,python,c#
</script>

sort(show); //给数组中的数字元素排序，asc升序，desc为降序；

show(a,b){

return a-b; //正序

//return b-a; //倒序

}

<script>
    arr=[1,122,51,352,23,0];
    arr1=arr.sort();
    document.write(arr1); //0,1,122,23,352,51(只对数字的最高位进行排序)

    arr2=arr.sort(asc);
    function asc(i,j){
        return i-j;
    }
    document.write(arr2);//0,1,23,51,122,352(升序排列)

    arr3=arr.sort(desc);
    function desc(i,j){
        return j-i;
    }
    document.write(arr3);//352,122,51,23,1,0(降序排列)
</script>

splice(start，end); //从start开始，截取end个，包含end；改变原数组为截取后剩下的元素

<script>
    arr=[1,122,51,352,23,0];
    arr1=arr.splice(1,4);
    document.write(arr);//1,0
    document.write(arr1);//122,51,352,23
</script>

slice(start,end); //从start开始，截取到第end个，但不包含end；不改变原数组

<script>
    arr=[1,122,51,352,23,0];
    arr1=arr.slice(1,4);
    document.write(arr);//1,122,51,352,23,0
    document.write(arr1);//122,51,352
</script>