JavaScript常用内置对象
##Array 数组内置对象
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js_06_内置对象_数组</title>
</head>
<body>
<script type="text/javascript">
let a = [55,3,89,9,11];
a.push(12);
console.log('a=', a);
a.unshift(13);
console.log('a=', a);
console.log('a.pop()=', a.pop());
console.log('a.shift()=', a.shift());
console.log('a=', a);
//默认数组的sort()方法是按照字符序排序
let b = ['red','blue','yellow','green'];
b.sort();
console.log('b=', b);
//如果对数值数组排序，就有问题
a.sort();
console.log('a=', a);//[11, 3, 55, 89, 9]
//需要创建一个排序用的函数，告诉如何排序
function rule(a,b){
return a-b;
}
a.sort(rule);
console.log('a=', a);//[3, 9, 11, 55, 89]
//数组的join和字符串的split()
let s = a.join('**');//数组转字符串
console.log('s=', s);// 3**9**11**55**89
let c = s.split('**');//字符串转数组
console.log('c=', c);//["3", "9", "11", "55", "89"]
//数组的splice()的使用
let d = [1,2,3,4,5,6,7,8,9];
d.splice(2,3);//从索引2的位置开始，删除3个元素
console.log('d=', d);//[1, 2, 6, 7, 8, 9]
d = [1,2,3,4,5,6,7,8,9];
d.splice(2,0,11,12,13);//从索引2 的位置开始删除0个元素，然后插入后面的所有参数;替换同理
console.log('d=', d);//[1, 2, 11, 12, 13, 3, 4, 5, 6, 7, 8, 9]
</script>
</body>
</html>
##String 字符串内置对象
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js_07_内置对象_字符串</title>
</head>
<body>
<script type="text/javascript">
let s = 'abcdefgcd';
console.log('s.charAt(3)=', s.charAt(3));//s.charAt(3)= d
for(let i=0;i<s.length;i++){
console.log(s.charAt(i));
}
console.log('s.indexOf(\'cde\')=', s.indexOf('cde'));//s.indexOf('cde')= 2
console.log('s.indexOf(\'cdd\')=', s.indexOf('cdd'));//s.indexOf('cdd')= -1
console.log('s.indexOf(\'cd\',4)=', s.indexOf('cd',4));//s.indexOf('cd',4)= 7
console.log('s.lastindexOf(\'cd\')=', s.lastIndexOf('cd'));//s.lastindexOf('cd')= 7
s = 'zhangsan@163.com';
console.log('s.substring(3,8)=', s.substring(3,8));//从索引3位置开始，到索引8位置结束，包括3不包括8
//s.substring(3,8)= ngsan
console.log('s.substr(3,8)=', s.substr(3,8));//从索引3位置开始截取，取8个字符
//s.substr(3,8)= ngsan@16
//练习1：输出邮箱地址中的用户名；
let a = s.indexOf('@');
let b = s.indexOf('.');
console.log('用户名：', s.substring(0, a));//用户名： zhangsan
//练习2：输出邮箱地址中@和.中间的值；
console.log('@和.中间的值：', s.substring(a+1, b));//@和.中间的值： 163
console.log('s=', s);
s = s.replace('san', 'tom');
console.log('s=', s);//s= zhangtom@163.com
</script>
</body>
</html>
##Date 日期内置对象
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js_08_内置对象_日期</title>
</head>
<body>
<script type="text/javascript">
let a = new Date();
console.log('a=', a);
let b = new Date(2021,8-1,10);//创建指定年月日的日期
console.log('b=', b);
console.log('b.getTime()=', b.getTime());
//创建一个函数，输出yyyy-mm-dd格式的日期字符串
function myDate(){
let d = new Date();
//分别取得日期中的各个字段值，最后组成字符串
let y = d.getFullYear();
let m = d.getMonth()+1;
let date = d.getDate();
//补全两位
y = y<10 ? '0'+y : y;
m = m<10 ? '0'+m : m;
date = date<10 ? '0'+date : date;
let s = y +'-'+m+'-'+date;
//如果想输出yyyy-mm-dd HH：min：ss，怎么办
let h = d.getHours();
let min = d.getMinutes();
let ss = d.getSeconds();
h = h<10 ? '0'+h : h;
min = min<10 ? '0'+min : min;
ss = ss<10 ? '0'+ss : ss;
//再加个星期几
let day = d.getDay();
let temp='';
switch(day){
case 0:
temp = '星期日';
break;
case 1:
temp = '星期一';
break;
case 2:
temp = '星期二';
break;
case 3:
temp = '星期三';
break;
case 4:
temp = '星期四';
break;
case 5:
temp = '星期五';
break;
case 6:
temp = '星期六';
break;
}
s = s + ' ' + h +':'+min+':'+ss;
s += ' ' + temp;
return s;
}
console.log('myDate()=', myDate());
//在div中动态显示时间
function doshow(){
let div = document.getElementById('div_01');
div.innerText = myDate();
}
//定时执行
setInterval(doshow,1000);
</script>
//动态渲染时间
<div style="background-color: aliceblue;color: red;font-size: 30px;" id="div_01">
</div>
</body>
</html>
版权声明：本文为weixin_52497498原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。