您的位置:首页 > Web前端 > JavaScript

JavaScript 内置对象创建及用法

2017-05-03 22:12 573 查看

一、 什么是对象

1.JS中所有事物都是对象,如字符串,数组,数值等等;每个内置对象都带有属性(比如每个a标签都带有href)和方法(对象提供的一些使用方法,如通过方法得到日期)

2.JS允许自定义对象(创建对象)

二、如何自定义对象呢(两种方法)(创建对象)

1.定义并创建对象实例

<script>
//    方法一
//obj=new Object();//Object()是最大对象
//obj.name="XuLinJie_";
//obj.age=19;
//document.write(obj.name+"::"+obj.age);

//    方法二
//    obj={name:"XuLinJie_",age:"19"};
//    document.write("name:"+obj.name+"age:"+obj.age)
</script>


2.使用函数来定义对象,然后创建新的对象实例(对象构造器初始化)(一旦有了对象构造器就可以创建新的对象实例)

<script>
function  obj(_name,_age) {//这里需要通过this来索引,否则找不到
this.name=_name;
this.age=_age;
}
obj1=new obj("XuLinJie_",19);
document.write("name:",obj1.name,"age:",obj1.age);
</script>


三、String 字符串对象

String对象用于处理已有的字符串

字符串可以使用单引号或者双引号(前面一直用双引号居多)

部分字符串对象的方法

1.在字符串中查找字符串indexOf();

如果能找到会在浏览器中显示第一个对应到的位置下标,如果没有找到,就返回-1

<script>
var str="hello world";
document.write(str.indexOf("world"));
</script>


2.求字符串长度length(属性)

<script>
var str="hello world";
document.write(str.length);
</script>


3.内容匹配match()

匹配的话显示匹配哪些,没有匹配的则显示null

<script>
var str="hello world";
document.write(str.match("wo"));
</script>


4.字符串大小写转换toUpperCase()/toLowerCase()

5.字符串转为数组:string>split()

<script>
var str1="hello,Xulinjie,xixi";//由逗号隔开,也可以其他符号
var s=str1.split(",");
document.write(s[1]);
</script>


四、Date日期对象

日期对象用于处理日期和时间

常用方法

1.getFullYear()获取年份

2.getTime()获取毫秒

3.setFullYear()设置具体的日期

4.getDay()获取星期

<script>
var date=new Date();
// document.write(date);//获取当前时间
// document.write(date.getFullYear());//获得当前年份
//document.write(date.getTime());//获取毫秒数指从1970年1月1日到现在的毫秒
// date.setFullYear(2010,1,1);//将时间时间,三个参数代表年月日
// document.write(date);//打印出修改后的时间
// document.write(date.getDay());//获取星期
</script>


五、Array数组对象

使用单独的变量名来存储一系列的值

常用方法

1.concat()合并数组

2.sort()排序

3.push()末尾追加元素

4.reverse()数组元素翻转

<script>
/*var a=["hello","world"];
var b=["XuLinJie","hahaha"];
var c=a.concat(b);//ab数组合并
document.write(c);*/

/* var a=[1,3,4,2];
document.write(a.sort());//默认升序
var b=[1,3,4,2];
document.write(a.sort(function (a,b) {
return b-a;//a-b升序,b-a降序
}))*/

/* var a=["a","b"];
a.push("c");//a,b之后追加c,只能在末尾追加
document.write(a);*/

var a=["a","b"];
a.reverse();//数组元素翻转
document.write(a);
</script>


六、Math对象

执行常见的算数任务

常用方法

1.round()四舍五入

2.random()返回0~1之间的随机数

3.max()返回最大值

4.min()返回最小值

5.abs()返回绝对值

<script>
//document.write(Math.round(2.3));//将2.3四舍五入为2

//document.write(Math.random());//从0~1的随机数
// document.write(Math.random()*10);//从0~10随机数
//document.write(parseInt(Math.random()*10));//转换成int类型的随机数

//document.write(Math.max(1,2,3,4));//打印出最大值

document.write(Math.abs(-1));//打印出-1的绝对值
</script>


其他方法可查询JavaScript中文文档

JavaScript中文文档下载

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: