溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

數(shù)組與字符串方法

發(fā)布時間:2020-05-30 18:41:18 來源:網(wǎng)絡(luò) 閱讀:387 作者:張濤澤 欄目:網(wǎng)絡(luò)安全

數(shù)組

1. 基本方法

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

描述: 在數(shù)組的前面添加元素,一次可以傳入多個參數(shù)。 注意:元素會根據(jù)當(dāng)前傳入的順序添加到數(shù)組的前面。

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

數(shù)組與字符串方法

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']

數(shù)組與字符串方法

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

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

描述: 在數(shù)組的后面添加元素,一次可以傳入多個參數(shù); 元素會根據(jù)當(dāng)前傳入的順序添加到數(shù)組的后面。

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

數(shù)組與字符串方法

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]

數(shù)組與字符串方法

分析: 1、該方法會改變原數(shù)組 2、該方法自身會返回新數(shù)組的長度

 3)Array.prototype.shift()

描述: 刪除數(shù)組中索引為0的元素,不接受傳參(傳參會被忽略);

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

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

分析: 1、該方法會改變原數(shù)組; 2、該方法自身會返回刪除的元素(注意是元素哦,不是索引~); 3、若數(shù)組為空,該方法自身會返回undefined

 4)Array.prototype.pop()

描述: 刪除數(shù)組中最后一個元素,不接受傳參(傳參會被忽略);

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

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

分析: 1、該方法會改變原數(shù)組; 2、該方法自身會返回刪除的元素; 3、若數(shù)組為空,該方法自身會返回undefined `


2. 轉(zhuǎn)換方法

 1)Array.prototype.toString()

描述: 將數(shù)組轉(zhuǎn)化為字符串,中間以逗號連接。

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

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

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

 2)Array.prototype.join()

描述: 將數(shù)組轉(zhuǎn)化為字符串,中間以傳入的參數(shù)連接; 注意:傳入多個參數(shù)時,只會選取第一個參數(shù),若不傳參,默認(rèn)以逗號連接。

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

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

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


3、操作方法

 1)Array.prototype.concat()

描述: 將兩個數(shù)組進(jìn)行連接,同時也可直接傳入元素,若是不傳參,可以進(jìn)行數(shù)組的復(fù)制。

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

數(shù)組與字符串方法

var result = arr.concat([1,2])
console.log(result)// ['a','b','c',1,2] 傳入的數(shù)組默認(rèn)添加到元素的后面console.log(arr)// ['a','b','c'] 沒有改變原數(shù)組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進(jìn)行操作console.log(result)// ['a','b'] console.log(arr)// ['a','b','c']result刪除了一個元素,并沒有影響到arr,所以使用concat()方法會返回一個新數(shù)組,不會改變原數(shù)組

數(shù)組與字符串方法

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

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

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

數(shù)組與字符串方法

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

數(shù)組與字符串方法

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

描述: 刪除片段,start表示開始索引,len表示刪除的長度,item為可選參數(shù),托福培訓(xùn)機構(gòu)表示刪除后插入的元素,改方法會返回刪除的元素,同時改變原數(shù)組

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

數(shù)組與字符串方法

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

數(shù)組與字符串方法

4、位置方法

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

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

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

數(shù)組與字符串方法

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不傳參,默認(rèn)從索引為0的位置查找var result = arr.indexOf('a')
console.log(result)// 0console.log(arr)// ['a','b','c','a']4、若item2傳負(fù)數(shù),則從倒數(shù)這個數(shù)的位置開始向數(shù)組后面查找var result = arr.indexOf('a',-2)
console.log(result)// 3console.log(arr)// ['a','b','c','a']

數(shù)組與字符串方法

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

描述: 與indexOf一樣,只不過是從后往前找

5、排序方法

 1)Array.prototype.reverse()

描述: 翻轉(zhuǎn)數(shù)組,改變原數(shù)組,不接受參數(shù)(只要不傳非法值,不會影響其功能)

示例: 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()

描述: 數(shù)組排序,默認(rèn)從小到大,改變原數(shù)組

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

數(shù)組與字符串方法

1、數(shù)字優(yōu)先字母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、多位數(shù)排序,同樣從第一位開始比較,若相同則比較第二位,以此類推var arr = ['33','1','123']var result = arr.sort()
console.log(result)// ["1", "123", "33"]console.log(arr)// ["1", "123", "33"]若想真正實現(xiàn)大小排序,該方法接受固定的參數(shù),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"]

數(shù)組與字符串方法

字符串屬性與方法

字符方法

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

 1)String.length

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

 2)str[]

描述: 可以獲取指定位置的字符,從0開始計數(shù)

 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)

  與數(shù)組的一樣,這里不再贅述~

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

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

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

  類似splice,截取片段


替換方法

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

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

示例: 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)

大小寫轉(zhuǎn)換

 1)String.prototype.toUpperCase()

  返回轉(zhuǎn)化為大寫字母的新字符串

 2)String.prototype.toUpperCase()

  返回轉(zhuǎn)化為小寫字母的新字符串


去除空格

 1) String.prototype.trim()

  去除字符串前后的空格


轉(zhuǎn)換方式

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

描述: 以參數(shù)字符串為界限,分割字符串,返回一個數(shù)組 item可以為字符串,也可以是正則表達(dá)式 limit一個整數(shù),限定返回的分割片段數(shù)量

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

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

 

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


向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI