一.JavaScript内置对象
1.String对象
(1)两种创建方式:
var str1="hello world";
var str2=new String("hello world");
(2)属性:str1.length
(3)大小写转换:x.toLowerCase(),x.toUpperCase()
(4)获取指定字符串:x.charAt(index),
x.charCodeAt(index)——返回指定位置字符的Unicode编码
(5)查询指定字符串:x.indexOf(),x.lastIndexOf()
(6)获取子字符串:x.substring()
(7)替换字符串:x.replace()
(8)拆分子字符串:x.split()
2.Number对象
(1)保留小数点后一定位数:
var n = 3.1415926;
n.toFixed(3)——结果3.142
3.Boolean对象
4.Array对象
(1)创建数组对象:
var a1 = ["zhangsan",28,true];
var a2 = new Array();
a2.push("lisi");
(2)获取元素的个数:
属性:length
(3)数组倒转:
arr.reverse();
(4)数组排序
arr.sort(sortFunc);
function sortFunc(a,b){
return a-b;
}
5.Math对象
Math.PI、Math.E、Math.round(3.56)
三角函数:Math.sin(x)、Math.cos(x)、Math.tan(x)
计算函数:Math.sqrt(x)、Math.log(x)、Math.exp(x)
数值比较函数:Math.abs(x)、Math.max(x,y,...)、Math.random()、Math.round(x)
6.Date对象
(1)创建Date对象
var now = new Date();——系统当前时间
var date = new Date("2017/4/01 11:12);
(2)常用方法:
getTime()、setTime()
getDate()、getMonth()、getFullYear()
setDate()、getMonth()、setFullYear()
toString()、toLocaleTimeString()、toLocaleDateString()
7.RegExp对象
(1)创建RegExp对象:
var reg1 = /no/;
var reg2 = new RegExp("no");
var reg = /^\w{6,18}$/;
(2)方法:
reg.test(str)——是否包含匹配子串
reg.exec(str)——返回找到的值
str.replace(reg,newStr);——返回新的字符串
str.match(reg);——返回一个数组存入符合要求的字符
str.search(reg);——返回找到的下标位置
8.Function对象
(1)返回值:默认undefined
arr.sort(function(a,b){
return a-b;
});
(2)arguments对象
arguments.length、arguments[i]
(3)使用Function对象直接创建函数
var add = new Function("x","y","return(x+y)");
var result = add(2,3);
alert(result);//5
alert(add);//弹出方法的文本
(4)匿名函数
var add = function(x,y){returnx+y;};
var result = add(2,3);
alert(result);//5
alert(add);//弹出方法的文本
(5)全局函数(可用于所有JavaScript对象):
var s ="2+3";
eval(s1);//5
简单计算器Demo2:
1.String对象
(1)两种创建方式:
var str1="hello world";
var str2=new String("hello world");
(2)属性:str1.length
(3)大小写转换:x.toLowerCase(),x.toUpperCase()
(4)获取指定字符串:x.charAt(index),
x.charCodeAt(index)——返回指定位置字符的Unicode编码
(5)查询指定字符串:x.indexOf(),x.lastIndexOf()
(6)获取子字符串:x.substring()
(7)替换字符串:x.replace()
(8)拆分子字符串:x.split()
2.Number对象
(1)保留小数点后一定位数:
var n = 3.1415926;
n.toFixed(3)——结果3.142
3.Boolean对象
4.Array对象
(1)创建数组对象:
var a1 = ["zhangsan",28,true];
var a2 = new Array();
a2.push("lisi");
(2)获取元素的个数:
属性:length
(3)数组倒转:
arr.reverse();
(4)数组排序
arr.sort(sortFunc);
function sortFunc(a,b){
return a-b;
}
5.Math对象
Math.PI、Math.E、Math.round(3.56)
三角函数:Math.sin(x)、Math.cos(x)、Math.tan(x)
计算函数:Math.sqrt(x)、Math.log(x)、Math.exp(x)
数值比较函数:Math.abs(x)、Math.max(x,y,...)、Math.random()、Math.round(x)
6.Date对象
(1)创建Date对象
var now = new Date();——系统当前时间
var date = new Date("2017/4/01 11:12);
(2)常用方法:
getTime()、setTime()
getDate()、getMonth()、getFullYear()
setDate()、getMonth()、setFullYear()
toString()、toLocaleTimeString()、toLocaleDateString()
7.RegExp对象
(1)创建RegExp对象:
var reg1 = /no/;
var reg2 = new RegExp("no");
var reg = /^\w{6,18}$/;
(2)方法:
reg.test(str)——是否包含匹配子串
reg.exec(str)——返回找到的值
str.replace(reg,newStr);——返回新的字符串
str.match(reg);——返回一个数组存入符合要求的字符
str.search(reg);——返回找到的下标位置
8.Function对象
(1)返回值:默认undefined
arr.sort(function(a,b){
return a-b;
});
(2)arguments对象
arguments.length、arguments[i]
(3)使用Function对象直接创建函数
var add = new Function("x","y","return(x+y)");
var result = add(2,3);
alert(result);//5
alert(add);//弹出方法的文本
(4)匿名函数
var add = function(x,y){returnx+y;};
var result = add(2,3);
alert(result);//5
alert(add);//弹出方法的文本
(5)全局函数(可用于所有JavaScript对象):
常用的全局函数:parseInt/parseFloat、isNaN、eval
var s ="2+3";
eval(s1);//5
基本用法Demo1:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js内置对象</title>
<script>
//1.String(看手册)
//2.Number
var n = 3.1415926;
console.log(n.toFixed(3));
//3.Array
//1)创建数组
//无论用何种方式创建出来的数组,
//其本质都一样,都是Object数组。
var a1 = ["zhangsan",28,true];
console.log(a1[0]);
var a2 = new Array();
a2.push("lisi");
a2.push(23);
a2.push(false);
console.log(a2[0]);
//2)数组倒转
var arr = [5,1,7,12,6,8,3];
arr.reverse();
console.log(arr);
//3)数组排序
arr.sort();
console.log(arr);
arr.sort(function(a,b){
return a-b;
});
console.log(arr);
//4.Date
//1)创建日期
var d1 = new Date();
var d2 = new Date("2017/11/11 00:00:00");
console.log(d1);
console.log(d2);
//2)格式化日期
console.log(d1.toLocaleDateString());
console.log(d1.toLocaleTimeString());
//3)都写时间分量
var y = d1.getFullYear();
var m = d1.getMonth()+1;
var d = d1.getDate();
var today = y+"年"+m+"月"+d+"日";
console.log(today);
//5.RegExp
//1)如何创建正则对象
var str = "you can you up,no can no bb."
var reg = /no/;
//2)test方法
//检测字符串中是否包含与正则相匹配的子串
console.log(reg.test(str));
//3)exec方法
//普通模式
//从字符串中检测出第1个与正则匹配的子串
console.log(reg.exec(str));
//全局模式
//第N次调用,则从字符串中检测出第N个与正则匹配的子串
console.log(reg.exec(str));
console.log(reg.exec(str));
console.log(reg.exec(str));
//6.Function
function sum(){
var s=0;
if(arguments.length){
for(var i=0;i<arguments.length;i++){
s+=arguments[i];
}
}
return s;
}
//在页面加载时,直接调用上面的函数
console.log(sum(1,2));
console.log(sum(3,4,5,6));
</script>
</head>
<body>
</body>
</html>
简单计算器Demo2:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简单计算器</title>
<script>
function cal(){
var input = document.getElementById("str");
var str = input.value;
try{
//计算
input.value=eval(str);
}catch(e){
input.value="";
}
}
</script>
</head>
<body>
<input type="text" id="str">
<input type="button" value="=" οnclick="cal();">
</body>
</html>