Unit05： JavaScript对象概述 、 常用内置对象一 、 常用内置对象二 、 常用内置对象三
常用内置对象使用演示：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script> //2.Number var num = 3.1415926; console.log(num.toFixed(3)); //3.Array //理解:js中的数组都是Object[] //3.1如何创建数组 //1)已知数据时 var a1 = ["zhangsan",25,true]; console.log(a1[0]); //2)未知数据时 var a2 = new Array(); a2.push("lisi"); a2.push(23); a2.push(false); console.log(a2[0]); //3.2数组倒转 var arr = [5,8,12,3,1,6,4]; arr.reverse(); console.log(arr); //3.3数组排序 //默认按照字符串由小到大排序 arr.sort(); console.log(arr); //可以传入比较方法来改变其排序的方式 arr.sort(function(a,b){ return a-b; }); console.log(arr); //4.Math console.log(Math.PI); console.log(Math.round(Math.PI)); //5.Date //5.1如何创建Date var d1 = new Date(); var d2 = new Date("2017/02/14 08:08:08"); console.log(d1); console.log(d2); //5.2转为本地时间格式 console.log(d1.toLocaleDateString()); console.log(d1.toLocaleTimeString()); //5.3读取时间分量 var y = d1.getFullYear(); //月份从0开始 var m = d1.getMonth(); var d = d1.getDate(); var now = y + "年" + (m+1) + "月" + d + "日"; console.log(now); //6.RegExp var str = "you can you up,no can no bb."; var reg = /no/; //1)reg.test(str) //检测str中是否包含和reg匹配的子串 console.log(reg.test(str)); //2)reg.exec(str) //在非全局模式下: //从str中找出和reg匹配的第一个子串 console.log(reg.exec(str)); //在全局模式下: //第1次调用,从str中找出和reg匹配的第1个子串 //第2次调用,从str中找出和reg匹配的第2个子串 //第n次调用,从str中找出和reg匹配的第n个子串 reg = /no/g; console.log(reg.exec(str)); console.log(reg.exec(str)); console.log(reg.exec(str)); console.log(reg.exec(str)); //7.Function对象 function sum() { var s = 0; if(arguments.length>0) { 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>
使用eval()进行计算小程序
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script> function cal() { //获取文本框 var input = document.getElementById("num"); //获取框内的算式 var ss = input.value; //计算 try { var result = eval(ss); input.value = result; } catch(e) { input.value = "Error"; } } </script> </head> <body> <input type="text" id="num"/> <input type="button" value="=" onclick="cal();"/> </body> </html>