JavaScript-常用内置对象及方法

Posted 2020-11-27 wyp-king

在JS中万物皆对象，字符串，数组，数值，函数，日期......

内置对象都有它们自己的属性和方法：

对象名.属性名称;

对象名.方法名称

一、Array数组对象

1）shift    

格式：数组.shift()

功能：移除数组开头第一项

参数：无

返回值：移除的内容

原数组发生改变

2）unshift

格式：数组.unshift(参数...)

功能：在数组开头添加一个或多个

参数：一个或多个

返回值：数组的长度

原数组发生改变

3）push

格式：数组.push(元素...)

功能：给数组末尾添加一个或多个

参数：一个或多个

返回值：数组的长度

原数组发生改变

4）pop

格式：数组.pop()

功能：移除数组末尾最后一项

参数：无

返回值：被移除的内容

原数组发生改变

5）concat

格式：数组1.concat(数组2)

功能：将两个数组合并成一个数组

参数：要合并的数组

返回值：合并或复制好的新数组

原数组不会发生改变

也可以使用concat实现数组的复制，不传参数

1 var a=[1,2,3];
2 var b=a.concat();
3 console.log(b);//[1,2,3]

6）slice

格式：数组.slice(start,end)

功能：基于当前数组获取指定区域元素并创建一个新数组

参数：start开始获取区域的下标，end结束获取区域的下标，不包括end下标位置的元素

返回值：指定区域元素生成的新数组

原数组不会发生改变

7）splice

格式：数组.splice(start，length，元素...)

功能：可以完成删除，插入，替换操作

参数：参数1 截取的开始下标

　　    参数2 截取的长度

　　    参数3 在截取的开始下标位置，我们要插入的元素，插入的元素的个数随意。

返回值：截取掉的元素，组成的数组

原数组发生改变

 1 删除功能
 2 var arr = ["html", "CSS", "JS", "HTML5"];
 3 var res = arr.splice(1,2);
 4 alert(res);
 5 alert(arr);
 6 
 7 插入功能
 8 var arr = ["HTML", "CSS", "JS", "HTML5"];
 9 var res = arr.splice(1,0,"JAVA");
10 alert(res);
11 alert(arr);
12 
13 替换功能
14 var arr = ["HTML", "CSS", "JS", "HTML5"];
15 var res = arr.splice(1,1,"C++");
16 alert(res);
17 alert(arr);

8）sort

格式：数组,sort()

功能：将数组中的元素升序排列。

【注】sort默认是 按照字符串进行排序，一般情况下，我们需要自己去编写排序算法，系统提供给我们的排序函数，用的比较少。

使用方法：sort（function （a，b）{return  a-b}）     从小到大排

               sort（function （a，b）{return  b-a}）     从大到小排

 

9）reverse

格式：数组.reverse()

功能：逆向排序 

返回值：翻转后的新数组

原数组发生改变

10）toString

功能：把数组转成以逗号分隔的字符串

11）join

功能：把数组拼接成以其他形式分割的字符串，配合eval（）可以实现数学运算        eval（join（‘+’））

12）forEach（）  遍历

forEach接收两个参数，一个callback，thisArg
callback接收三个参数：1）item 2）index 3）input
thisArg用来改变callback中的this指向；
forEach 没有返回值，但是map有返回值

13）map（）   遍历

数组常用但不兼容的方法：

indexOf（查找内容）   查找

arr.indexOf（查找内容）    查找数组中是否有某项，有的话返回该项的所引，没有话返回-1；

二、string字符串

1、chartAt()
【格式】字符串.chartAt(下标)
【返回值】对应下标的字符
【注】我们可以通过字符小标去访问该字符

2、charCode()
【格式】字符串.charCode(下标)
返回值：返回字符串中对应下标字符的ASCII码值

3、charCodeAt（index）

通过索引找到字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。

方法 charCodeAt() 与 charAt() 方法执行的操作相似，只不过前者返回的是位于指定位置的字符的编码，而后者返回的是字符子串。

4、indexOf()      

【格式】字符串.indexof(子串，开始查找的位置)；

返回值：如果在字符串中查找到了子串第一次出现的位置，返回子串出现的位置，否则没有查找到返回0；

从前往后找，找到返回内容的索引，找不到返回-1；

5、lastIndexOf()

【格式】字符串.lastIndexof(子串);
 返回值：子串在字符中最后一次出现的位置，如果没有，返回-1.

 从后往前找，找到返回内容的索引，找不到返回-1；

6、slice（n，m）      

 从索引n 查找到索引m  但不包括m，slice可以取负值

7、substring（n，m）

【格式】字符串.substring(start,end);

作用：字符串提取，在指定范围内，提取字符串，生成新字符串。
返回值：生成的新字符串。
【注】不包含结束位置

从索引n 查找到索引m ，但不包括m， 不可以取负值

8、substr（n，m）      

从索引n开始截取m 个

9、split（切割形式）

【格式】字符串.split(分割符，生成的数组的长度)；
返回值：通过分割符，分割成的装有子串的数组。
【注】   1、分割符，整体。
　　　　2、会分割出空字符串
　　　　3、如果分割符是空字符""，那么我们字符串会分割成单个字符
　　　　4、字符串->数组split 数组->字符串 join

 1 var str = "Tis  is a disk";
 2 var arr = str.split(" ",2);
 3 var arr = str.split("  ");
 4 var arr = str.split(" ")
 5 var arr = str.split("");
 6 alert(arr);
 7         
 8 var str = "Hello World";
 9 alert(str.toLowerCase());//全大写
10 alert(str.toUpperCase());//全小写

三、Math 对象

1、Math.ceil()  向上取整

2、Math.floor() 向下取整

3、Math.random();   随机0·1之间的数

4、Math.round(3.4);  四舍五入

5、Math.abs()      取绝对值

6、Math.pow(x,y)      x的y次幂 

7、Math.sqrt()     开平方

8、Math.max()      取最大值

9、Math.min()     取最小值

四、Date对象

1、new Date()      创建一个日期对象

2、getMonth()      返回月份数（0-11），想要得到几月，需要加一

3、getFullYear()      返回年份

4、getDay()      返回一周的第几天（0-6），想要得到星期几，需要加一

5、getDate()      返回日

6、getHours()      返回时

7、getMinutes()      返回分

8、getSeconds()      返回秒

9、getTime()     返回从1970年1月1日00：00到现在的毫秒数（格林尼治时间），也就是时间戳

10、setYear(yearInt)       设置年份.2位数或4位数

11、setFullYear(yearInt)      设置年份.4位数

12、setMonth(monthInt)       设置月份(0-11)

13、setDate(dateInt)       设置日(1-31)

14、setHours(hourInt)       设置小时数(0-23)

15、setMinutes(minInt)       设置分钟数(0-59)

16、setSeconds(secInt)       设置秒数(0-59)

17、setMilliseconds(milliInt)       设置毫秒(0-999)