數組與字符串方法

數組

1. 基本方法

 1）Array.prototype.unshift(item1,item2,item3...)

描述： 在數組的前面添加元素，一次可以傳入多個參數。 注意：元素會根據當前傳入的順序添加到數組的前面。

示例： var arr = ['a','b','c']

var result = arr.unshift(9)
console.log(result)// 4console.log(arr)// [9,'a','b','c']var result1 = arr.unshift(9,8)
console.log(result1)// 6console.log(arr)// [9,8,9,'a','b','c']

分析： 1、該方法會改變原數組 2、該方法自身會返回新數組的長度 3、第二次是在第一次添加元素后再進行操作的，所以會保留第一次操作的結果，這里說明一下，以免歧義，后面的操作也是如此。

 2）Array.prototype.push(item1,item2,item3...)

描述： 在數組的后面添加元素，一次可以傳入多個參數； 元素會根據當前傳入的順序添加到數組的后面。

示例： var arr = ['a','b','c']

var result = arr.push(9)
console.log(result)// 4console.log(arr)// ['a','b','c'，9]var result1 = arr.push(9,8)
console.log(result1)// 6console.log(arr)// ['a','b','c',9,9,8]

分析： 1、該方法會改變原數組 2、該方法自身會返回新數組的長度

 3）Array.prototype.shift()

描述： 刪除數組中索引為0的元素,不接受傳參（傳參會被忽略）；

示例： var arr = ['a','b','c']

var result = arr.shift()
console.log(result)// 'a'console.log(arr)// ['b','c']

分析： 1、該方法會改變原數組； 2、該方法自身會返回刪除的元素（注意是元素哦，不是索引~）; 3、若數組為空，該方法自身會返回undefined

 4）Array.prototype.pop()

描述： 刪除數組中最后一個元素,不接受傳參（傳參會被忽略）；

示例： var arr = ['a','b','c']

var result = arr.pop()
console.log(result)// 'c'console.log(arr)// ['a','b']

分析： 1、該方法會改變原數組； 2、該方法自身會返回刪除的元素; 3、若數組為空，該方法自身會返回undefined `

2. 轉換方法

 1）Array.prototype.toString()

描述： 將數組轉化為字符串，中間以逗號連接。

示例： var arr = ['a','b','c']

var result = arr.toString()
console.log(result)// 'a,b,c'console.log(arr)// ['a','b','c']

分析： 1、該方法不會改變原數組 2、該方法返回以逗號連接的字符串形式的數組元素

 2）Array.prototype.join()

描述： 將數組轉化為字符串，中間以傳入的參數連接； 注意：傳入多個參數時，只會選取第一個參數，若不傳參，默認以逗號連接。

示例： var arr = ['a','b','c']

var result = arr.join('-')
console.log(result)// 'a-b-c'console.log(arr)// ['a','b','c']

分析： 1、該方法不會改變原數組 2、該方法返回以傳入的參數連接的字符串形式的數組元素 `

3、操作方法

 1）Array.prototype.concat()

描述： 將兩個數組進行連接，同時也可直接傳入元素，若是不傳參，可以進行數組的復制。

示例： var arr = ['a','b','c']

var result = arr.concat([1,2])
console.log(result)// ['a','b','c',1,2] 傳入的數組默認添加到元素的后面console.log(arr)// ['a','b','c'] 沒有改變原數組var result = arr.concat(1,2)
console.log(result)// ['a','b','c',1,2] 可以直接傳入元素，并以逗號間隔console.log(arr)// ['a','b','c']var result = arr.concat()
console.log(result)/ ['a','b','c'] 
console.log(arr)// ['a','b','c']result.pop() // 對result進行操作console.log(result)// ['a','b'] console.log(arr)// ['a','b','c']result刪除了一個元素，并沒有影響到arr,所以使用concat()方法會返回一個新數組，不會改變原數組

 2）Array.prototype.slice(start,end)

描述： 截取字符串片段，start與end都是索引值，截取的元素范圍[start,end),包含start,不包含end，不改變原數組

示例： var arr = ['a','b','c']

1、若不傳參數，默認截取整個數組，返回新數組var result = arr.slice()
console.log(result)// ['a','b','c']console.log(arr)// ['a','b','c']2、若傳一個參數，表示從當前參數索引開始，截取到數組的最后一個元素var result = arr.slice(2)
console.log(result)// ['c']console.log(arr)// ['a','b','c']3、若傳一個負數，表示從數組中倒數這個數的位置，截取到數組的最后一個元素var result = arr.slice(-2)
console.log(result)// ['b','c']console.log(arr)// ['a','b','c']4、傳兩個參數（若起始參數大于結束參數，會返回空數組）var result = arr.slice(1,2)
console.log(result)// ['b']console.log(arr)// ['a','b','c']5、傳兩個參數，若前一個數為正，后一個為負，則會從前一個元素的索引開始，截取到倒數負數個數的位置，不包含當前負數位置的值（若第一個值索引的元素剛好是第二個值的位置，會返回空數組）var result = arr.slice(1,-1)
console.log(result)// ['b']console.log(arr)// ['a','b','c']

 3）Array.prototype.splice(start,len,item，item...)

描述： 刪除片段，start表示開始索引，len表示刪除的長度，item為可選參數，托福培訓機構表示刪除后插入的元素,改方法會返回刪除的元素，同時改變原數組

示例： var arr = ['a','b','c']

1、若不傳參，則不刪除，返回空數組2、若傳一個參數，則表示從當前參數索引的位置開始，刪除到最后一個元素var result = arr.splice(1)
console.log(result)// ['b','c']console.log(arr)// ['a']3、若傳一個參數且為負數表示從倒數這個數開始，刪除到最后一個元素var result = arr.splice(-1)
console.log(result)// ['c']console.log(arr)// ['a','b']4、傳兩個參數時，若i為負數，則會返回一個空數組，相當于沒有操作5、傳三個或以上的參數時，從第三元素開始，會被插入到被刪除的元素的位置var result = arr.splice(1,1,4,4)
console.log(result)// ["b"]console.log(arr)// ["a", 4, 4, "c"]

4、位置方法

 1）Array.prototype.indexOf(item1,item2)

描述： item1表示要查找的元素，item2表示查找的起始索引值，返回找到的元素的索引值

示例： var arr = ['a','b','c','a']

1、找到后就會停止查找，即便后面還有這個元素var result = arr.indexOf('a',0)
console.log(result)// 0console.log(arr)// ['a','b','c','a']2、若沒有找到，則會返回-1var result = arr.indexOf('d',0)
console.log(result)// -1console.log(arr)// ['a','b','c','a']3、若item2不傳參，默認從索引為0的位置查找var result = arr.indexOf('a')
console.log(result)// 0console.log(arr)// ['a','b','c','a']4、若item2傳負數，則從倒數這個數的位置開始向數組后面查找var result = arr.indexOf('a',-2)
console.log(result)// 3console.log(arr)// ['a','b','c','a']

 2）Array.prototype.lastIndexOf(item1,item2)

描述： 與indexOf一樣，只不過是從后往前找

5、排序方法

 1）Array.prototype.reverse()

描述： 翻轉數組，改變原數組,不接受參數（只要不傳非法值，不會影響其功能）

示例： var arr = ['a','b','c']

var result = arr.reverse()
console.log(result)// ['c','b','a']console.log(arr)// ['c','b','a']

 2）Array.prototype.sort()

描述： 數組排序，默認從小到大,改變原數組

示例： var arr = ['a','b','c'，1,2]

1、數字優先字母var result = arr.sort()
console.log(result)// [1, 2, "a", "b", "c"]console.log(arr)// [1, 2, "a", "b", "c"]2、單詞排序按首字母排序，若首字母相同則比較第二個字母，以此類推var arr = ['ba','ce','bb','aa']var result = arr.sort()
console.log(result)// ["aa", "ba", "bb", "ce"]console.log(arr)// ["aa", "ba", "bb", "ce"]3、多位數排序，同樣從第一位開始比較，若相同則比較第二位，以此類推var arr = ['33','1','123']var result = arr.sort()
console.log(result)// ["1", "123", "33"]console.log(arr)// ["1", "123", "33"]若想真正實現大小排序，該方法接受固定的參數，Array.prototype.sort(function(a,b) {return a-b})
形參的順序為a,b，return a-b 表示升序，b-a表示降序var arr = ['33','1','123']var result = arr.sort(function(a,b){return a-b})
console.log(result)// ["1", "33", "123"]console.log(arr)// ["1", "33", "123"]

字符串屬性與方法

字符方法

==注意：字符串是不可變得，所以其所有方法都不會改變字符串本身==

 1）String.length

描述： 表示字符串的字符長度

 2）str[]

描述： 可以獲取指定位置的字符，從0開始計數

 3）String.prototype.charAt()

描述： 獲取指定位置的字符

示例： 

 str = 'num' 
console.log(str.charAt(1))

 4）String.prototype.charCodeAt()

描述： 獲取指定位置字符的ASCII碼

示例：

  str = 'num' 
 console.log(str.charCodeAt(1))

操作方法

 1）String.prototype.concat()

描述： 連接字符串，不過一般不用，因為一個+就能解決了~

示例： var str = 'num' console.log(str.concat('cv'))// 'numcv'

 2）String.prototype.slice(start,end)

　　與數組的一樣，這里不再贅述~

 3）String.prototype.substring(start,end)

　　與slice基本一樣，一般用slice就好了

 4）String.prototype.substr(start,len)

　　類似splice,截取片段

替換方法

 1）String.prototype.replace(value,rep)

描述： 替換字符串中的元素，返回替換后的字符串,只會替換查找到的第一個元素，即便后面還有相同元素 （傳多參數是會報錯的哦）

示例： var str = 'numnnnn'

console.log(str.replace('n','a'))// 'aumnnnn'console.log(str.replace('n'))// 'undefinedumnnnn' 只傳一個會用undefined替換查找到元素哦 `

位置方法

 1）String.prototype.replace(value,rep)

 2）String.prototype.replace(value,rep)

大小寫轉換

 1）String.prototype.toUpperCase()

　　返回轉化為大寫字母的新字符串

 2）String.prototype.toUpperCase()

　　返回轉化為小寫字母的新字符串

去除空格

 1) String.prototype.trim()

　　去除字符串前后的空格

轉換方式

 1) String.prototype.split(item，limit)

描述： 以參數字符串為界限，分割字符串,返回一個數組 item可以為字符串，也可以是正則表達式 limit一個整數，限定返回的分割片段數量

示例： var str = 'nuamnannan' console.log(str.split('a'))// ["nu", "mn", "nn", "n"]

 str = 'nuamnannan''a',2))

• 終于寫完了，可真是累啊，以后忘了就看自己的文章，不知道到時候是表揚自己還是鄙視自己QAQ