JavaScript內置物件
JavaScript中的物件分為3種：內置物件/瀏覽器物件/自定義物件
JavaScript內置物件
Array陣列型別
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var a1 = new Array(); //定義一個空陣列
var a2 = new Array(10); //定義一個長度為10陣列（值：undefined）
var a3 = new Array(10,20,30); //定義一個指定數值的陣列
console.log(a1.length);//0
console.log(a2.length);//10
console.log(a3.length);//3
var a4 = [10,20,30,40,50];//快捷定義陣列
//陣列遍歷
for(var i=0; i<a4.length; i++){
console.log(i,"=>",a4[i]);
}
//for in 遍歷陣列
for(var i in a4){
console.log(i,"=>",a4[i]);
}
//forEach 遍歷陣列
a4.forEach(function(v){
console.log(v);
});
//陣列的方法:
console.log(a4.toString());
console.log(a4.join(":"));
var aa = new Array(10,20,30);
console.log(aa.join(":"));
aa.push(50);
aa.push(40);
console.log(aa.join(":"));
</script>
</head>
<body>
</body>
</html>
基本包裝型別
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//內置物件--基本包裝型別
var s1 = 'zhangsan';
console.log(s1.substring(2,5))
//等價于
var s2 = new String("zhangsan");
console.log(s2.substring(2,5));
var num = 20.5678;
console.log(num.toFixed(2));//保留小數點后兩位 四舍五入
</script>
</head>
<body>
</body>
</html>
Date日期
var dd = new Date();
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
</head>
<script>
//內置物件 --date日期物件
var dd = new Date();
//從1970年1月1日0時0分0秒至今的毫秒數
document.write("時間戳"+dd.valueOf);
function formatDate(d){
if(!d instanceof Date){
return;
}
var y = d.getFullYear(),
m = d.getMonth()+1,
day = d.getDate(),
hh = d.getHours(),
mm = d.getMinutes(),
ss = d.getSeconds();
//判斷單位數字前補零操作
hh = hh<10?'0'+hh:hh;
mm = mm<10?'0'+mm:mm;
ss = ss<10?'0'+ss:ss;
return y+"-"+m+"-"+day+" "+hh+":"+mm+":"+ss;
}
//內置物件 --date日期物件
var dd = new Date();
//從1970年1月1日0時0分0秒至今的毫秒數
document.write("時間戳"+dd.valueOf);
document.write("<h2>"+formatDate(dd)+"</h2>");
</script>
<body>
</body>
</html>
String字串
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<script>
//內置物件--String字串物件
var s1 = "zhangsanfeng";
document.write(s1+"<br/>");
document.write(s1[5]+"<br/>");
document.write(s1.substr(5,3)+"<br/>");
document.write(s1.substring(5,8)+"<br/>");
document.write("小寫："+s1.toLowerCase()+"<br/>");
document.write("大寫："+s1.toUpperCase()+"<br/>");
//子串查找
document.write(s1.indexOf("an")+"<br/>");
document.write(s1.lastIndexOf("an")+"<br/>");
//替換
document.write(s1.replace("sanfeng","wuji")+"<br/>");
//全部替換
document.write("10,20,30,40".replace(/,/g,"：")+"<br/>");
var str = "10:23:45:67:87";
console.log(str);
console.log(str.split(":"));
var s2 = " zhangsan ";
//去除兩邊多余字符
console.log("#"+s2+"#");
console.log("#"+ s2.trim()+"#");
</script>
</html>
Math物件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<script>
//內置物件--Math物件
console.log(Math.abs(-20));//絕對值
console.log(Math.ceil(10.0000001));//進一取整
console.log(Math.floor(10.999999));//舍去取整
console.log(Math.round(10.5));//四舍五入取整
console.log(Math.max(10,20));//取大
console.log(Math.min(10,20));//取小
console .log(Math.random());//0~1的亂數
console .log(Math.ceil(Math.random()*1000000)%10+1);//1~10的亂數
</script>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/241352.html
標籤：其他
上一篇：原生js封裝輪播圖
下一篇：專案1——博客系統