《javascript高級(jí)程序設(shè)計(jì)》筆記：數(shù)組方法

Aomine 發(fā)布于2019-08-22 10:53 / 399人閱讀

摘要：如果傳遞給方法的是一或多個(gè)數(shù)組，則該方法會(huì)將這些數(shù)組中的每一項(xiàng)都添加到結(jié)果數(shù)組中。如果有兩個(gè)參數(shù)，該方法返回起始和結(jié)束位置之間的項(xiàng)，但不包括結(jié)束位置的項(xiàng)。為了實(shí)現(xiàn)排序，方法會(huì)調(diào)用每個(gè)數(shù)組項(xiàng)的轉(zhuǎn)型方法，然后比較得到的字符串，以確定如何排序。

將數(shù)組轉(zhuǎn)換成字符串

join()能夠?qū)?shù)組用指定的字符分割成字符串

方法	用法	變量的值	表達(dá)式的值
假設(shè) arr = [1,2,3]
join	arr.join()	[1,2,3]	"1,2,3"
-	arr.join(undefined)	[1,2,3]	"1,2,3"
-	arr.join("-")	[1,2,3]	"1-2-3"
-	arr.join(null)	[1,2,3]	"1null2null3"
-	arr.join({})	[1,2,3]	"1[object Object]2[object Object]3"

結(jié)論：
1.不給 join()方法傳入任何值，或者給它傳入 undefined，則使用逗號(hào)作為分隔符；
2.join()會(huì)將傳入的參數(shù)隱式轉(zhuǎn)換成字符串形式
3.如果數(shù)組中的某一項(xiàng)的值是 null 或者 undefined，那么返回的結(jié)果中以空字符串表示，toString()也遵循該準(zhǔn)則 [1,2,undefined,3].join() ==> "1,2,,3"

toString() / toLocaleString() 也能夠?qū)?shù)組轉(zhuǎn)換成字符串；
alert() 方法會(huì)隱式調(diào)用toString()方法

調(diào)用數(shù)組的 toString() 方法會(huì)返回由數(shù)組中每個(gè)值的字符串形式拼接而成的一個(gè)以逗號(hào)分隔的字符串；

當(dāng)調(diào)用數(shù)組的 toLocaleString() 方法時(shí)，它也會(huì)創(chuàng)建一個(gè)數(shù)組值的以逗號(hào)分隔的字符串。而與之前方法唯一的不同之處在于，這一次為了取得每一項(xiàng)的值，調(diào)用的是每一項(xiàng)的 toLocaleString() 方法，而不是 toString() 方法，下面的例子可以解釋這一現(xiàn)象：

var person1 = {
    toLocaleString : function () {
        return "Nikolaos";
    },
    toString : function() {
        return "Nicholas";
} };
var person2 = {
    toLocaleString : function () {
        return "Grigorios";
    },
    toString : function() {
        return "Greg";
} };
var people = [person1, person2];
alert(people);
alert(people.toString());
alert(people.toLocaleString());
//Nicholas,Greg
//Nicholas,Greg
//Nikolaos,Grigorios

數(shù)組的增刪操作

1.堆棧方法

方法	用法	變量的值	表達(dá)式的值
假設(shè) arr = [1,2,3]
push	arr.push(4,5)	[1,2,3,5]	4
-	接收任意數(shù)量的參數(shù)，把它們逐個(gè)添加到數(shù)組末尾，并返回修改后數(shù)組的長(zhǎng)度
pop	arr.pop()	[1,2]	3
-	arr.pop(123)	[1,2]	3
-	從數(shù)組末尾移除最后一項(xiàng)，減少數(shù)組的 length 值，然后返回移除的項(xiàng)(有參忽略)
unshift	arr.unshift(4,5)	[4,5,1,2,3]	5
-	接收任意數(shù)量的參數(shù)，把它們逐個(gè)添加到數(shù)組首端，并返回修改后數(shù)組的長(zhǎng)度
shift	arr.shift()	[2,3]	1
-	從數(shù)組首端移除第一項(xiàng)，減少數(shù)組的 length 值，然后返回移除的項(xiàng)(有參忽略)

2.concat方法

concat()方法可以基于當(dāng)前數(shù)組中的所有項(xiàng)創(chuàng)建一個(gè)新數(shù)組。具體來說，這個(gè)方法會(huì)先創(chuàng)建當(dāng)前數(shù)組一個(gè)副本，然后將接收到的參數(shù)添加到這個(gè)副本的末尾，最后返回新構(gòu)建的數(shù)組。

1.在沒有給 concat()方法傳遞參數(shù)的情況下，它只是復(fù)制當(dāng)前數(shù)組并返回副本。
2.如果傳遞給 concat()方法的是一或多個(gè)數(shù)組，則該方法會(huì)將這些數(shù)組中的每一項(xiàng)都添加到結(jié)果數(shù)組中。
3.如果傳遞的值不是數(shù)組，這些值就會(huì)被簡(jiǎn)單地添加到結(jié)果數(shù)組的末尾
4.arr === arr.concat() 為false

方法	用法	變量的值	表達(dá)式的值
假設(shè) arr = [1,2,3]
concat	arr.concat()	[1,2,3]	[1,2,3]
-	arr.concat(4,5)	[1,2,3]	[1,2,3,4,5]
-	arr.concat(4,5,[6,7])	[1,2,3]	[1,2,3,4,5,6,7]

3.slice方法

slice()方法用于數(shù)組的截取，可以接受一或兩個(gè)參數(shù)，即要返回項(xiàng)的起始和結(jié)束位置；

1.沒有參數(shù)時(shí)，會(huì)創(chuàng)建一個(gè)副本，但arr !== arr.slice()
1.在只有一個(gè)參數(shù)的情況下，slice()方法返回從該參數(shù)指定位置開始到當(dāng)前數(shù)組末尾的所有項(xiàng)。
2.如果有兩個(gè)參數(shù)，該方法返回起始和結(jié)束位置之間的項(xiàng)，但不包括結(jié)束位置的項(xiàng)。
3.如果 slice()方法的參數(shù)中有一個(gè)負(fù)數(shù)，則用數(shù)組長(zhǎng)度加上該數(shù)來確定相應(yīng)的位置。
4.如果結(jié)束位置小于起始位置，則返回空數(shù)組。

方法	用法	變量的值	表達(dá)式的值
假設(shè) arr = [1,2,3,4,5]
slice	arr.slice()	[1,2,3,4,5]	[1,2,3,4,5]
-	arr.slice(1)	[1,2,3,4,5]	[2,3,4,5]
-	arr.slice(1,4)	[1,2,3,4,5]	[2,3,4]
-	arr.slice(-2,-1)	[1,2,3,4,5]	[4]
-	arr.slice(4,3)	[1,2,3,4,5]	[]

4.splice方法

splice(刪除的第一項(xiàng)索引，刪除元素個(gè)數(shù)，插入的內(nèi)容...)
splice()的主要用途是向數(shù)組的中部插入項(xiàng)，但使用這種方法的方式則有如下 3 種:

1.刪除:可以刪除任意數(shù)量的項(xiàng)，只需指定 2 個(gè)參數(shù):要?jiǎng)h除的第一項(xiàng)的位置和要?jiǎng)h除的項(xiàng)數(shù)
2.插入:可以向指定位置插入任意數(shù)量的項(xiàng)，只需提供 3 個(gè)參數(shù):起始位置、0(要?jiǎng)h除的項(xiàng)數(shù))和要插入的項(xiàng)。如果要插入多個(gè)項(xiàng)，可以再傳入第四、第五，以至任意多個(gè)項(xiàng)
3.替換:可以向指定位置插入任意數(shù)量的項(xiàng)，且同時(shí)刪除任意數(shù)量的項(xiàng)，只需指定 3 個(gè)參數(shù):起始位置、要?jiǎng)h除的項(xiàng)數(shù)和要插入的任意數(shù)量的項(xiàng)。插入的項(xiàng)數(shù)不必與刪除的項(xiàng)數(shù)相等

splice()方法始終都會(huì)返回一個(gè)數(shù)組，該數(shù)組中包含從原始數(shù)組中刪除的項(xiàng)(如果沒有刪除任何項(xiàng)，則返回一個(gè)空數(shù)組)

方法	用法	變量的值	表達(dá)式的值
假設(shè) arr = [1,2,3,4,5]
splice	arr.splice()	[1,2,3,4,5]	[]
-	arr.splice(1)	[2,3,4,5]	[1]
-	arr.splice(1,2)	[1,4,5]	[2,3]
-	arr.splice(-2,2)	[1,2,3]	[4,5]
-	arr.splice(1,2,"a","b","c","插入")	[1,"a","b","c","插入",4,5]	[2,3]
-	arr.splice(1,1,"替代")	[1,"替代",3,4,5]	[2]

數(shù)組排序

1.reverse()方法

數(shù)組反轉(zhuǎn)，數(shù)組自身改變，并返回反轉(zhuǎn)后的值

方法	用法	變量的值	表達(dá)式的值
假設(shè) arr = [1,2,3,4,5]
reverse	arr.reverse()	[5,4,3,2,1]	[5,4,3,2,1]

2.sort()方法
參考：js中sort()方法的用法，參數(shù)以及排序原理

在默認(rèn)情況下（沒有參數(shù)），sort()方法按升序排列數(shù)組項(xiàng)——即最小的值位于最前面，最大的值排在最后面。 為了實(shí)現(xiàn)排序，sort()方法會(huì)調(diào)用每個(gè)數(shù)組項(xiàng)的 toString()轉(zhuǎn)型方法，然后比較得到的字符串，以確定如何排序。即使數(shù)組中的每一項(xiàng)都是數(shù)值，sort()方法比較的也是字符串

因此，會(huì)出現(xiàn)下面這種情況：

var arr1 = ["George", "John", "Thomas", "James", "Adrew", "Martin"];
arr.sort(); // ["Adrew", "George", "James", "John", "Martin", "Thomas"]

var arr2 = ["10", "5", "40", "25", "1000", "1"];
arr.sort(); // ["1", "10", "1000", "25", "40", "5"]

如果想按照其他標(biāo)準(zhǔn)進(jìn)行排序，就需要提供比較函數(shù)，該函數(shù)要比較兩個(gè)值，然后返回一個(gè)用于說明這兩個(gè)值的相對(duì)順序的數(shù)字。比較函數(shù)應(yīng)該具有兩個(gè)參數(shù) a 和 b，其返回值如下：
若 a 小于 b，在排序后的數(shù)組中 a 應(yīng)該出現(xiàn)在 b 之前，則返回一個(gè)小于 0 的值。
若 a 等于 b，則返回 0。
若 a 大于 b，則返回一個(gè)大于 0 的值。