JavaScript常用对象(String.Array.Date.Math)

素颜马尾好姑娘i 2022-06-04 04:43 220阅读 0赞

![这里写图片描述][SouthEast]

### 1. **js的String对象** ###

\*\* 创建String对象  
*\** var str = “abc”;  
\*\* 方法和属性（文档）  
**\* 属性 \*\*length**：字符串的长度

#### **方法 str.方法()** ####

（1）**与html相关的方法**  
\- **bold**()：加粗  
document.write(str.bold());  
\- **fontcolor**(): 设置字符串的颜色  
document.write(str.fontcolor(“Red”));  
\- **fontsize(1-7)**: 设置字体的大小 1-7  
document.write(str.fontsize(7));  
\- **link**(): 将字符串显示成超链接  
*\*\** str4.link(“hello.html”)  
\- **sub() sup()**: 下标和上标

**（2）与java相似的方法**  
\- **concat**(): 连接字符串  
\*\* //concat方法  
var str1 = “abc”;  
var str2 = “dfg”;  
document.write(**str1.concat(str2)**);  
\- **charAt**():返回指定指定位置的字符串  
\*\* var str3 = “abcdefg”;  
document.write(**str3.charAt(20)**); //字符位置不存在，返回空字符串  
\- **indexOf**()： 返回字符串位置  
\*\* var str4 = “poiuyt”;  
document.write(**str4.indexOf(“w”)**); //字符不存在，返回-1  
\- **split**()：切分字符串，成数组  
\*\* var str5 = “a-b-c-d”;  
var arr1 = **str5.split(“-“)**;  
document.write(“length: “+arr1.length);  
\- **replace**() ： 替换字符串  
\* 传递两个参数：  
– 第一个参数是原始字符  
– 要替换成的字符  
\* var str6 = “abcd”;  
document.write(str6);  
document.write(“  
”);  
document.write(**str6.replace(“a”,”Q”)**);  
\- **substr()**和**substring()**  
\* var str7 = “abcdefghuiop”;  
//document.write(str7.substr(5,5)); //fghui 从第五位开始，向后截取五个字符  
*\** 从第几位开始，向后截取几位

document.write(“  
”);  
document.write(str7.**substring**(3,5)); //de 从第几位开始到第几位结束 \[3,5)  
**\* 从第几位开始，到第几位结束，**但是不包含最后哪一位\*\*

### **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：查看数组的长度//属性，不是方法，所以不要括号**

\*\* 方法  
\- **concat**方法： 数组的连接  
\* var arr11 = \[1,2,3\];  
var arr12 = \[4,5,6\];  
document.write(**arr11.concat(arr12)**);

\-**join()：根据指定的字符分割数组**  
\* var arr13 = new Array(3);  
arr13\[0\] = “a”;  
arr13\[1\] = “b”;  
arr13\[2\] = “c”;  
document.write(arr13);  
document.write(“  
”);  
document.write(**arr13.join(“-“)**);  
结果a-b-c

\*\*-push():向数组末尾添加元素，返回数组的新的长度  
**如果添加的是一个数组，这个时候把数组当做一个整体字符串添加进去**

\*//push方法  
var arr14 = new Array(3);  
arr14\[0\] = “tom”;  
arr14\[1\] = “lucy”;  
arr14\[2\] = “jack”;  
document.write(“old array: “+arr14);  
document.write(“  
”);  
document.write(“old length:”+arr14.length);  
document.write(“  
”);  
document.write(“new length: “+arr14.push(“zhangsan”));  
document.write(“  
”);  
document.write(“new array: “+arr14);

**\*\*如果添加的是一个数组，这个时候把数组当做一个整体字符串添加进去**

**注：push数组的话会把整个数组添加到最后，但是长度只增加一**  
![这里写图片描述][SouthEast 1]

\*var arr15 = \[“aaa”,”bbb”,”ccc”\]; 
var arr16 = \[“www”,”qqq”\]; 
document.write(“old array:”+arr15); 
document.write(“ ”); 
document.write(“old length:”+arr15.length); 
document.write(“ ”); 
document.write(“new length:”+arr15.push(arr16)); 
document.write(“ ”); 
document.write(“new array: “+arr15); 
for(var i=0;i<arr15.length;i++) \{ 
alert(arr15\[i\]); 
\}

\-**pop()：表示 删除最后一个元素，返回删除的那个元素** 
\* var arr17 = \[“zhangsan”,”lisi”,”wangwu”,”zhaoliu”\]; 
document.write(“old array: “+arr17); 
document.write(“ ”); 
document.write(“return: “+arr17.pop()); 
document.write(“ ”); 
document.write(“new array: “+arr17);

**-reverse():颠倒数组中的元素的顺序** 
\*var arr17 = \[“zhangsan”,”lisi”,”wangwu”,”zhaoliu”\]; 
document.write(“old array: “+arr17); 
document.write(“ ”); 
document.write(“return: “+arr17.pop()); 
document.write(“ ”); 
document.write(“new array: “+arr17); 
//reverse方法 
document.write(“<hr/>”); 
var arr18 = \[“zhangsan1”,”lisi1”,”zhaoliu1”,”niuqi1”\]; 
document.write(“old array: “+arr18); 
document.write(“ ”); 
document.write(“new array:”+arr18.reverse());

### **3. js的Date对象** ###

\*\* 在java里面获取当前时间  
Date date = new Date();  
//格式化  
//**toLocaleString**() //2015年4月17日 11:17:12  
\*\* js里面获取当前时间  
**var date = new Date();**  
//获取当前时间  
var date = new Date();  
document.write(date); // Fri Apr 17 10:47:46 UTC+0800 2015

//转换成习惯的格式 
document.write(“<hr/>”); 
**document.write(date.toLocaleString());** 
\*\* **获取当前的年方法** 
getFullYear()：得到当前的年 
*\*\** document.write(“year: “+date.getFullYear()); 
\*\* **获取当前的月方法** 
getMonth()：获取当前的月 
*\** 返回的是 0-11月，如果想要得到准确的值，加1 
*\*\** var date1 = date.getMonth()+1; 
document.write(“month: “+date1); 
\*\* 获取当前的星期 
**getDay()：星期,返回的是 (0 ~ 6)** 
\*\* 外国朋友，把星期日作为一周的第一天，星期日返回的是 0 
而星期一到星期六 返回的是 1-6 
\*\* document.write(“week: “+date.getDay()); 
\*\* **获取当前的日** 
getDate()：得到当前的天 1-31 
\*\* document.write(“day: “+date.getDate()); 
\*\* **获取当前的小时** 
getHours()：获取小时 
\*\* document.write(“hour: “+date.getHours()); 
\*\* **获取当前的分钟** 
getMinutes()：分钟 
\*\* document.write(“minute: “+date.getMinutes()); 
\*\* 获取当前的秒 
getSeconds(): 秒 
\*\* document.write(“second: “+date.getSeconds()); 
\*\* **获取毫秒数** 
getTime() 
返回的是1970 1 1 至今的毫秒数

\*\* 应用场景：  
*\** 使用毫秒数处理缓存的效果（不有缓存）  
[http://www.baidu.com][http_www.baidu.com]?毫秒数

### **4. js的Math对象** ###

\*数学的运算  
\*\* **里面的都是静态方法，使用可以直接使用 Math.方法()**  
**不能new 类名.方法();**  
\*\* **ceil**(x): 向上舍人  
\*\* **floor**(x)：向下舍人  
\*\* **round**(x)：四舍五入  
\*\* **random**()：得到随机数（伪随机数）  
\- 得到0-9的随机数  
**Math.random()\*10**  
**Math.floor(Math.random()\*10));**

[SouthEast]: /images/20220604/c38656c4334d4516bee4fc7ad064f02b.png
[SouthEast 1]: /images/20220604/868c072265d74bdf89de98f26e4239a0.png
[http_www.baidu.com]: http://www.baidu.com