JS常用的内置对象

最新推荐文章于 2024-06-21 16:41:46 发布

qq_59808309

最新推荐文章于 2024-06-21 16:41:46 发布

阅读量146

点赞数

文章标签： javascript html

本文链接：https://blog.csdn.net/qq_59808309/article/details/120112394

版权

JavaScript语言内置的封住好的通用接口，以对象的属性和方法、函数的形式存在

1. Array数组的内置对象

常用的方法举例

<script>
	//push()将新元素添加到一个数组的尾部，并返回数组的新长度值
    var arr = [12,6,28,true,'D'];
    arr.push(5);//向数组的尾部添加一个元素
    console.log(arr);//12,6,28,true,'D',5


  //sort()方法按照字符串规则排序
    var arr1 = ['SMITH','WARD','MARTIN','CLARK','TURNER'];
    arr1.sort();
    console.log(arr1);     //"CLARK", "MARTIN", "SMITH", "TURNER", "WARD"

   //sort()对数字排序会出现问题，此时，可以自定义排序规则函数进行排序
    var arr=[1, 12, 3, 4, 5]
    arr.sort();
    console.log(arr);//未能成功完成排序
    //解决方法
    arr.sort(rule);
    function rule(num1,num2){
        return num1-num2;
    }
    console.log(arr);//排序成功[1, 3, 4, 5, 12]


    //join(str)把数组所有元素放入一个字符串中，通过一个分隔符进行分割,str指分割符
    arr = [2021,8,23];
    let result = arr.join('-');
    console.log(result);//2021-8-23

    // splice()可以对数组元素做删除、插入等多种操作
    // 从数组中间删除元素splice(开始位置,删除元素长度)
    arr=[1,2,3,4,5,6,7];
    arr.splice(0,3);
    console.log(arr);//[4, 5, 6, 7]

    //在数组中间插入元素：splice(开始位置,删除元素长度,新插入元素… …)
    arr=[1,2,3];
    arr.splice(1,0,'a','b','c');
    console.log(arr); [1, "a", "b", "c", 2, 3]

    //替换数组中某个元素：splice(开始位置,要替换的元素长度,替换元素… …)
    arr=[1,2,3];
    arr.splice(1,1,'a');
    console.log(arr);//[1, "a", 3]
</script>

2.String字符串的内置对象

类别	名称	描述	描述
属性	length		返回字符串的长度
方法	charAt(index)	index：元素的下标（位置）	返回指定位置的单个字符。
	indexOf(substr,index)	substr:子字符串 index:开始索引的位置（可选）	返回字符串中指定字符首次出现的位置。如果要检索的字符串没有出现，则返回-1
	lastIndexOf(substr)		返回字符串中指定字符最后一次出现的位置
	split(substr)	substr:按照此参数指定的字符进行分割。如果参数为空字符串，那么每个字符串都被分割。	将字符串分割为字符串数组，并返回此数组。
	join(arr)	arr:数组	将数组元素按照参数指定字符连接
	substring(begin,end)	begin:开始截取位置 end:结束位置（可选)	用于截取字符串中介于两个指定下标之间的字符。
	substr(begin,length)	begin:必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1指字符串中最后一个字符，-2指倒数第二个字符，以此类推。 Lenght：串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。（可选）	用于从指定位置截取指定长度的字符串
	toUpperCase() toLowerCase() trim()		转换成大写字符转换成小写字符去除字符串两边的空白
	replace(rgExp,str)	rgExp:正则表达式 str:要替换的字符串	将正则表达式匹配的字符串进行替换
	search(rgExp)	rgExp:正则表达式	返回子字符串值在字符串中首次出现的位置。
	match(rgExp)	rgExp:正则表达式	返回与正则表达式查找内容匹配的字符串

常用的方法例子

String 对象用于处理文本（字符串）。
String 对象创建方法： ①new创建：var  str=new String("String");
                            // ②字面量创建：var str="String";
var str=new String("   String   ","nihao","sdhi");

//charAt()方法
var str = 'word';
for(let i=0;i<str.length;i++){
    console.log(str.charAt(i));      //w o r d 
}

//indexOf()方法,返回子字符串值在字符串中首次出现的位置。
var str = 'word';
console.log(str.indexOf('r'));       //2

//substring()方法
var str = 'zhangsan@163.com';
console.log(str.substring(str.indexOf('@')+1));                    //163.com
console.log(str.substring(str.indexOf('@')+1,str.indexOf('.')));   //163

//split()方法
var str = '2020-08-04';
var arr = str.split('-');
console.log(arr);             //"2020", "08", "04"

3.Date日期内置对象

日期的例子

<body>
        <h1 id="con"></h1>
        <script>
            function go(){
                 // 获取当前客户端的日期
                var d=new Date();
                console.log(d);
                // js中的月份0-11月份
                // 也可以指定具体的日期
                var d1=new Date(2021,9,1);
                console.log(d1);
                // 获取年份 
                var year=d.getFullYear();
                // 获取月份 0-11月份
                var month=d.getMonth()+1;
                // 获取几号
                var date=d.getDate();
                // 获取星期几(星期天是0)
                var day=d.getDay()
                // 时
                var hours=d.getHours();
                // 分钟
                var minutes=d.getMinutes();
                // 秒
                var seconds=d.getSeconds();
                if(day==0){
                    day="日";
                }else if(day==1){
                    day='一';
                }else if(day==2){
                    day='二'
                }else if(day==3){
                    day='三'
                }else if(day==4){
                    day='四'
                }else if(day==5){
                    day='五'
                }else if(day==6){
                    day='六'
                }
                con.innerHTML='今天是'+year+'年'+month+'月'+date+'号 星期'+day+' '+hours+':'+minutes+':'+seconds;
            }
            go()
            setInterval(function(){
                go()
           },1000)
    </script>
</body>

倒计时

<body>    
<h2 id="redate"></h2>
 // 倒计时
    <script>

            function go(){
                var d=new Date();
                var dd=new Date(2021,11,11);
                var times=dd.getTime()-d.getTime();
                var day=parseInt(times/1000/60/60/24);//天
                var hours=parseInt(times/1000/60/60%24);//小时
                var minutes=parseInt(times/1000/60%60);//分钟
                var seconds=parseInt(times/1000%60);//秒
                redate.innerHTML="剩余"+day+"天"+hours+"小时"+minutes+"分钟"+seconds+"秒";
            }
            go();
            setInterval(function(){
                go();

            },1000);
    </script>
</body>

4.Math数学内置对象

qq_59808309

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS常用的内置对象

JavaScript语言内置的封住好的通用接口，以对象的属性和方法、函数的形式存在1. Array数组的内置对象常用的方法举例<script> //push()将新元素添加到一个数组的尾部，并返回数组的新长度值 var arr = [12,6,28,true,'D']; arr.push(5);//向数组的尾部添加一个元素 console.log(arr);//12,6,28,true,'D',5 //sort()方法按照字符串规则排序 .
复制链接

扫一扫