JavaScript对象

来源：互联网发布：王者女娲知乎编辑：程序博客网时间：2024/06/15 00:31

一.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.Numbervar 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.Functionfunction 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="=" onclick="cal();"></body></html>

阅读全文

0 0