1.什么是对象
js中的所以事物都是对象:字符串、数值、数组、函数。。。。。
每个对象都带属性和方法
js中允许自定义对象
2.自定义对象:
(1)定义并创建对象实例
(2)使用函数来创建对象,然后创建新的对象实例。
两种自定义对象事例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js内置对象</title>
</head>
<body>
<script>
//自定义对象并初值赋值方法1:
// peopeo=new Object();
//peopeo.name="hello"
// peopeo.age=20;
//document.write("name:"+peopeo.name+"age:"+peopeo.age);
//自定义对象并初值赋值方法2:
peopeo={name:"hello",age:20};
document.write("name:"+peopeo.name+"age:"+peopeo.age);
//用函数来定义对象
function peopeo1(name,age) {
this.name=name;
this.age=age;
}
//创建新的对象实例
peo=new peopeo1("zhangsan",20);
document.write("name:"+peo.name+"age:"+peo.age);
</script>
</body>
</html>
3.String 对象:
String对象用于处理已有的字符串
字符串可以单引号或双引号
字符串的属性和方法有:
(1)属性:length,prototype,constructor
(2)方法:这里只是一点方法具体的可以到W3C去查看
charAt()取得指定位置的字符串
indexOf() 来定位字符串中某一个指定的字符首次出现的位置.
match() 来查找字符串中特定的字符,并且如果找到的话,则返回这个字符,找不到返回Null。
replace() 方法在字符串中用某些字符替换另一些字符。
String对象的简单事例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js内置对象</title>
</head>
<body>
<script>
var str="hello girl";
// document.write(str.length);//输出长度应为10
// document.write(str.replace("hello","hello1"));
//document.write(str.indexOf("hello"));//indexOf是输出字符串第一个字母的位置,这里应该输出0;
var str1="welcome to China"
document.write(str1.charAt(1));//charAt()取得指定位置的字符串输入e;
var s= str1.split(" ");
document.write(s[2]);//会输出China
</script>
</body>
</html>
(1)Date对象:日期对象用于处理日期和时间
(2)常用方法:
getFullYear()获取年份
getTime()获取毫秒
setFullYear()设置具体日期
getDay()获取星期
下面为常用方法的运用和时钟简单例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js内置对象</title>
</head>
<body οnlοad="time()">
<!--<script>
//var date=new Date();
// document.write(date);//输出当前的具体时间
// document.write(date.getFullYear());//获取年份
// document.write(date.getTime());//获取毫秒
// document.write(date.getDay());//获取星期
</script>-->
<script>
function time() {
//时钟的使用
var date1=new Date();
var h=date1.getHours();
var m=date1.getMinutes();
var s=date1.getSeconds();
m=checkTime(m);
s=checkTime(s);
document.getElementById("div").innerHTML=h+":"+m+":"+s;
//刷新时间
t=setTimeout(function () {
time();
},1000);//一秒刷新一次
}
function checkTime(i) {
if(i<10){
i="0"+i;
}
return i;
}
</script>
<p>显示时钟</p>
<div id="div"></div>
</body>
</html>
5.Arraay数组对象
创建:例:var a=["1","4"];
常见方法:
concat():合并数组
sort():排序
push()末尾追加元素
reverse()数组元素翻转
事例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js内置对象</title>
</head>
<body>
<script>
var a=["a","b","f","d","c"];
var b=["g","k"];
//合并
//var c=a.concat(b);//数组a,b合并
// document.write(c);
//追加
//b.push("h");
//document.write(b);
//翻转
document.write(a.reverse());
//排序
//document.write(a.sort());//排序默认为顺序
var c=["3","5"];
document.write(c.sort(function(a,b) {
return b-a;//逆序排序
}));
</script>
</body>
</html>