JavaScript对象

一.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对象):

常用的全局函数:parseInt/parseFloat、isNaN、eval


(6)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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

linsa_pursuer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值