JavaScript【对象的学习】

JavaScript对象的了解

1、js的String对象
创建String对象：var str = "abc";
方法和属性（参照W3C文档详细学习）
属性 length：字符串的长度

 var len = "afjkfdajl"
 document.write(len.length);//

1：与HTML相似的方法
- stringObject.bold()：把字符串显示为粗体

 var str = "404boom";
 document.write(str.bold());

- stringObject.fontcolor(color)：按照指定的颜色来显示字符串

 var str = "404boom";
 document.write(str.fontcolor("red"));

- stringObject.fontsize(size)：按照指定的尺寸来显示字符串

 var str = "404boom";
 document.write(str.fontsize(6));

- stringObject.link(url)：把字符串显示为超链接

 var str = "404boom";
 document.write(str.link("https://cn.bing.com"));

- stringObject.sub()：把字符串显示为下标
- stringObject.sup()：把字符串显示为上标

 var s1 = "3";
 var s2 = "2";//中间数字
 var s3 = "3";
 document.write(s1.sub());
 document.write(s2);
 document.write("<hr />")
 document.write(s1.sup());
 document.write(s2);

2：与java相似的方法
- stringObject.concat(stringX,stringX,...,stringX)：用于连接两个或多个字符串

 var str1 = "xiao";
 var str2 = "yyun"
 var str3 = "小云云";
 document.write(str1.concat(str2).concat(str3));//xiaoyyun小云云

- stringObject.charAt(index)：返回指定位置的字符
注：字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串

 var str = "JavaScript";
 document.write(str.charAt(2));//v

- stringObject.indexOf(searchvalue,fromindex)：返回某个指定的字符串值在字符串中首次出现的位置
注：indexOf() 方法对大小写敏感！如果要检索的字符串值没有出现，则该方法返回 -1

 var str = "JavaScript" ;
 document.write(str.indexOf("S"));//

- stringObject.split(separator,howmany)：把一个字符串分割成字符串数组

 var str = "h e l l o";
 document.write(str.split(" "));
 //遍历数组
 for(var i;i<str.length;i++){
     document.write(i);
 }

- stringObject.replace(regexp/substr,replacement)：字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串

 var str = "hello world";
 document.write(str.replace("world","JavaScript"));//hello JavaScript

- stringObject.substr(start,length)：在字符串中抽取从 start 下标开始的指定数目的字符

 var str = "afdjaskjflsdfsa";
 document.write(str.substr(2,5));//djask

- stringObject.substring(start,stop)：用于提取字符串中介于两个指定下标之间 的字符
注：substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

 var str = "fdhskfjksjfdsa";
 document.write(str.substring(3,6));//skf[3,6)

2、js的Array对象

创建数组（三种）
- var arr1 = [1,2,3];
- var arr2 = new Array(3); //长度是3
- var arr3 = new Array(1,2,3); //数组中的元素是1 2 3
- var arr = []; //创建一个空数组
属性：length：查看数组的长度
常用方法：
- arrayObject.concat(arrayX,arrayX,......,arrayX)：连接两个或多个数组

 var arr1 = [2,4,5];
 var arr2 = ["d",7,"fsda"];
 var arr3 = ["dfa",78,"fsda"];
 document.write(arr1.concat(arr2).concat(arr3));//2,4,5,d,7,fsda,dfa,78,fsda

- arrayObject.join(separator)：把数组中的所有元素放入一个字符串
separator可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符

 var arr = new Array(3)
 arr[0] = "George"
 arr[1] = "John"
 arr[2] = "Thomas"
 document.write(arr.join())//George,John,Thomas
 document.write(arr.join("-"))//George-John-Thomas

-arrayObject.push(newelement1,newelement2,....,newelementX)向数组的末尾添加一个或多个元素，并返回新的长度

 var arr = new Array(3)
 arr[0] = "George"
 arr[1] = "John"
 arr[2] = "Thomas"

 document.write(arr + "<br />")//George,John,Thomas
 document.write(arr.push("James") + "<br />")//
 document.write(arr)//George,John,Thomas,James

- arrayObject.shift()：用于把数组的第一个元素从其中删除，并返回第一个元素的值
注：如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。请注意，该方法不创建新数组，而是直接修改原有的 arrayObject

 var arr = ["zhangsan","lisi","wangwu","zhaoliu"];
 document.write("old array: "+arr);//old array: zhangsan,lisi,wangwu,zhaoliu
 document.write("<br/>");
 document.write("return: "+arr.shift());//return: zhangsan
 document.write("<br/>");
 document.write("new array: "+arr);//new array: lisi,wangwu,zhaoliu

- arrayObject.pop()：用于删除并返回数组的最后一个元素
注：pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值

 var arr = ["zhangsan","lisi","wangwu","zhaoliu"];
 document.write("old array: "+arr);//old array: zhangsan,lisi,wangwu,zhaoliu
 document.write("<br/>");
 document.write("return: "+arr.pop());//return: zhaoliu
 document.write("<br/>");
 document.write("new array: "+arr);//new array: zhangsan,lisi,wangwu

- arrayObject.reverse()：用于颠倒数组中元素的顺序

 var arr = ["Tom","John","wangwu"]
 document.write(arr + "<br />")//Tom,John,wangwu
 document.write(arr.reverse());//wangwu,John,Tom

- arrayObject.unshift(newelement1,newelement2,....,newelementX)：可向数组的开头添加一个或更多元素，并返回新的长度

 var arr = ["zhangsan","lisi","wangwu","zhaoliu"];
 document.write("old array: "+arr);//old array: zhangsan,lisi,wangwu,zhaoliu
 document.write("<br/>");
 document.write(arr.unshift("new"));//return: 5
 document.write("<br/>");
 document.write("new array: "+arr);//new array: new,zhangsan,lisi,wangwu,zhaoliu

3、js的Date对象

注意点：
getMonth()：获取当前的月：返回的是 0-11月，如果想要得到准确的值，加1
getDay()：星期,返回的是 (0 ~ 6)：外国朋友，把星期日作为一周的第一天，星期日返回的是 0，而星期一到星期六 返回的是 1-6

 <script type="text/javascript">
         //获取当前时间
         var date = new Date();
         document.write(date);  

         //转换成习惯的格式
         document.write("<hr/>");
         document.write(date.toLocaleString());

         //得到当前的年
         document.write("<hr/>");
         document.write("year: "+date.getFullYear());

         //得到当前的月
         document.write("<hr/>");
         var date1 = date.getMonth()+1;
         document.write("month: "+date1);

         //得到当前的星期
         document.write("<hr/>");
         document.write("week: "+date.getDay());

         //得到当前的天
         document.write("<hr/>");
         document.write("day: "+date.getDate());

         //得到当前的小时
         document.write("<hr/>");
         document.write("hour: "+date.getHours());

         //得到当前的分钟
         document.write("<hr/>");
         document.write("minute: "+date.getMinutes());

         //得到当前的秒
         document.write("<hr/>");
         document.write("second: "+date.getSeconds());

         //得到毫秒数
         document.write("<hr/>");
         document.write("times: "+date.getTime());
 </script>

4、js的Math对象
数学的运算,里面的都是静态方法，使用可以直接使用 Math.方法()

ceil(x): 向上舍入
floor(x)：向下舍入
round(x)：四舍五入
random()：得到随机数（伪随机数）返回 0 ~ 1 之间的随机数
- 得到0-9的随机数
Math.random()*10
Math.floor(Math.random()*10));

 <script type="text/javascript">
     var num = 10.8;
     document.write("old : "+num);
     document.write("<br/>");
     document.write("ceil: "+Math.ceil(num));

     document.write("<br/>");
     document.write("floor: "+Math.floor(num));

     document.write("<br/>");
     document.write("round: "+Math.round(num));

     //random方法
     document.write("<hr/>");
     document.write(Math.random());

     //得到0-9的随机数
     document.write("<hr/>");
     //document.write(Math.random()*10);
     document.write(Math.floor(Math.random()*10));
     //pow(x,y)  2的5次方
     document.write("<hr/>");
     document.write(Math.pow(2,5));
 </script>