5. 内置对象 · 极客学院笔记

[toc] ## JS内置对象 >#### 什么是对象 1. 什么是对象: JavaScript中的所有事物都是对象: 字符串、数值、数组、函数... 每个对象带有属性和方法 JavaScript允许自定义对象 ``` people = new Object(); people.name = "xuxu"; ``` 2. 自定义对象 1). 定义并创建对象实例 ``` <script> people = {name: "xuxu", age: "22"}; document.write("name: "+people.name+" age: "+people.age); </script> ``` 2). 使用函数来定义对象, 然后创建新的对象实例 ``` <script> function people(name, age){ this._name = name; this._age = age; } person = new people("xuxu", 22); document.write(person._name + " : " + person._age) </script> ``` >#### String对象 1. String对象: String对象用于处理已有的字符串字符串可以使用双引号或单引号 2. 在字符串中查找字符串：indexOf() ``` var str = "Hello World"; document.write(str.indexOf("World")); ``` 3. 内容匹配：match() ``` document.write(str.match("World")); ``` 4. 内容替换：replace() ``` document.write(str.replace("World", "replace")); //hello replace ``` 5. 字符串大小写转换：toUpperCase() / toLowerCase() ``` document.write(str.toUpperCase()); ``` 6. 字符串转换为数组：strong>split() ``` var str1 = "hello, jike, xueyuan"; var s = str1.split(","); //以","分割数组 document.write(s[1]); //打印第二个数组. 或者其他分隔符都可 ``` >#### Date日期对象 1. Date对象日期对象用于处理日期和时间 ``` var date = new Date(); document.write(date); ``` 2. 获得当日的日期 3. 常用方法 getFullYear(): 获取年份 getTime(): 获取毫秒 setFullYear(): 设置具体的日期(自己设置的时间) ``` ate.setFullYear(2010,1,1); document.write(date); //Mon Feb 01 2010 20:45:03 GMT+0800 (中国标准时间) ``` getDay(): 获取星期 ``` /*显示时间函数*/ <body onload="startTime()"> <p id="timetxt"></p> <script> function startTime(){ var today = new Date(); var h = today.getHours(); var m = today.getMinutes(); var s = today.getSeconds(); m = checkTime(m); s = checkTime(s); t = setTimeout(function(){startTime();}, 1000); document.getElementById("timetxt").innerHTML = h+" : "+m+" : "+s; } /*在分秒前加"0"*/ function checkTime(i){ if(i<10){i="0"+i;} return i; } </script> </body> ``` >#### Array数组对象 1. Array对象：使用单独的变量名来存储一系列的值 2. 数组的创建：例：var myArray = ["hello", "iwen", "ime"]; 3. 数组的访问: 通过指定数组名以及索引号码，你可以访问特定的元素注意：[0]是数组的第一个元素。[1]是数组的第二个元素。 4. 数组的常用方法： concat(): 合并数组 ``` var a = ["hello", "world"]; var b = ["iewn", "ime"]; var c = a.concat(b); document.write(c); //hello,world,iewn,ime ``` sort()：排序 ``` var a = ["a", "c", "d", "t", "b", "e"]; document.write(a.sort()); //a,b,c,d,e 默认打印顺序, 数字同理 ``` ``` /*降序排列*/ var a = ["5", "2", "4", "3", "1"]; document.write(a.sort(function(a, b){ return b-a; //升序改成a-b })) ``` push()：末尾追加元素 ``` var a = ["a", "b"]; a.push("c"); //在末尾追加 document.write(a); //a,b,c ``` reverse()：数组元素翻转 ``` var a = ["a", "b", "c"]; document.write(a.reverse()); //c,b,a ``` >#### math对象 1. Math对象执行常见的算术任务 2. 常用方法： round()：四舍五入 ``` document.write(Math.round(2.5)); //3 ``` random()：返回0-1之间的随机数 ``` document.write(Math.random()); //返回一个0-1之间的小数(小数点后14位) document.write(parseInt(Math.random()*10)); //返回一个0-1之间的整型 ``` max()：返回最高值 ``` document.write(Math.max(10, 20, 0.5, 1)); ``` min()：返回中的最低值 abs() ``` document.write(Math.abs(-10)); ```