常用陣列、字串的方法（詳解）

1、indexOf( 陣列 ||  字串 );    作用：回傳陣列中某個指定元素的位置 （下標），

('item',['start']) 兩個引數：

item： 必選、查找的元素，
start: 可選引數，規定在字串中開始檢索的位置，它的合法取值是StringObject.legth-1如省略該引數，則從字串首字符開始檢索，

回傳值： Number型別
元素在陣列中的位置，如果沒有搜索到則回傳 -1 ，

兼容：所有主流瀏覽器都支持 indexOf()方法，IE8及以下不支持該方法，

 

2、slice( 陣列 || 字串 );    作用：該方法是對陣列的部分截取，并回傳一個陣列副本；

 ('start',['end']) 兩個引數  ：

start:引數start是截取的開始陣列索引
end :可選引數end是你要截取的最后一個字符的 位置值 加上 1 ，

>(1) :如果傳入的引數是一個，那么將從引數一的索引位置開始截取，一直到陣列尾;

>(2) :如果傳入的引數是一個，并且是一個負數的話，那么他會從陣列的后面開始截取；

>(3) :如果傳入的引數是一個，并且是一個負數的話，并且它的絕對值大于或等于陣列的 length ，那么他會截取整個陣列，

>(4) :如果兩個引數都是負數的話，前面的引數小于后面的引數，

注：位置是固定好的，從左往右找，不包含結尾位置的字符，

 

3、substr();   作用：在字串中抽取從 start 下標開始的指定數目的字符，

(start,length)兩個引數：

start:必須引數、必須是數值，如果是負數，那么該引數宣告從字串的尾部開始算起的位置，

length:必須引數、子串中的字符數，必須是數值，如果省略了該引數，那么回傳從 stringObject 的開始位置到結尾的字串

回傳值：一個新的字串，不改變原字串，

注：ECMAscript 沒有對該方法進行標準化，因此反對使用它，

var str="I Love You !"
alert(str.substr(2,3));
alert(str); 

4、substring() 作用：用于提取字串中介于兩個指定下標之間的字符，

 (start,stop) 兩個引數：

start:必需，一個非負的整數，規定要提取的子串的第一個字符在 stringObject 中的位置，

 stop:可選，最后一個被提取的字符，不包含最后一個，

回傳值：一個新的字串，不改變原字串，

  注：與 slice() 和 substr() 方法不同的是，substring() 不接受負的引數，

var str="I Love You !";
alert(str.substring(2,3));
alert(str);

5、 splice(陣列);  作用：該方法是從一個陣列中洗掉一個或多個元素，并用新的item替換他們；

('start','deleteCount','item...')  三個引數

：start是從陣列元素洗掉開始的位置；
：deleteCount洗掉元素的個數；
：item替換洗掉掉的元素（可以是多個元素）;

回傳值：被洗掉掉的元素，

6、split(字串); 作用：把字串分割成片段來創建一個字串陣列，

('separator','limit') 兩個引數

: separator引數可以使一個字串或一個正則運算式；
：limit限制被分割的片段數量；

slice() 、 splice()  、 split() 區別：   slice() 和 split() 改變的都是副本，splice() 回傳的修改后的內容，

7、for in 回圈； 作用：用于遍歷陣列或者物件的屬性（對陣列或者物件的屬性進行回圈操作）；

語法： for(變數 in 物件)
{
執行的代碼；
}

判斷一個物件是否可以用for...in 來窮舉： propertyIsEnumerable();

('proName')一個引數   ：

proName一個屬性名稱的字串的值，

回傳值：Boolean型別 true表示可以窮舉
false表示不可以窮舉

8、push(陣列);  作用：從尾部添加一個或多個元素

('newEleament1',['newEleament2'],['newEleament3'])多個引數

：newEleament1 添加的第一個引數，
：newEleament2 添加的第二個引數，
：newEleament3 添加的第三個引數，

回傳值：Number    回傳陣列的新長度；

9、unshift(陣列); 作用：向陣列的開頭添加一個或多個元素

('newEleament1',['newEleament2'],['newEleament3'])多個引數

： newEleament1 添加的第一個引數，
：newEleament2 添加的第二個引數，
：newEleament3 添加的第三個引數，

回傳值：Number    回傳陣列的新長度；

兼容：無法兼容IE瀏覽器，

10、pop(陣列);  作用：用于洗掉陣列的最后一個元素，

沒有引數

回傳值：回傳最后被洗掉的一個元素；

注：如果陣列已為空，不改變陣列的長度,回傳undefiend;

11、shift(陣列);  作用：把陣列的第一個元素洗掉；

沒有引數

回傳值：回傳最后一個被洗掉的值；

注：如果陣列為空，shift()不做任何操作；回傳undefined;

12、concat(陣列 || 字串 );  作用：把兩個或多個陣列連接起來；

('arrX1','arrX2',['arrX3'])多個引數：

回傳值：不會改變現有陣列，只會回傳一個連接的陣列的一個副本，

var ccc =['q','3','e'];
var ccc2 =['q','3','e'];
console.log(ccc.concat(ccc2));

13、join(陣列);   作用：把陣列中的所有元素放入一個字串中；

(['separator'])一個引數：

separator:指定要使用的分隔符，如果省略默認為逗號為分隔符，

回傳值：一個字串，該字串是把陣列中的所有元素轉換為字串型別，，再通過指定的分隔符連接起來，

14、sort(陣列); 作用：用于陣列的排序，

(['sortby'])一個引數：

 sortby:規定排序順序，必須是函式，

回傳值：對陣列的參考，在原陣列上排序，不生成副本，

1>如果呼叫該方法沒有引數，則按照字母順序進行排序，跟準確的來說是按照字符集編碼來排序的，要實作這一點要先把陣列的元素都變成字串，以便進行比較
2> 如果按照其他標準來排序，則需要提供比較函式，該函式要比較兩個值，然后回傳一個用于說明這兩個值的相對順序的數字，

比較函式應該具有兩個引數a和b，其回傳值如下：

. 若a<b ,則排序后的陣列中a應該出現在b的前面,則回傳一個小于0的值，
. 若a==b ,則回傳0，
. 若a>b ,則回傳一個大于0的值，

回傳值：對陣列的參考，陣列在原陣列上進行排序，不生成副本，

function sortNumber(a,b)
                {
                        return a-b;       //第一個引數減第二個引數：升序
                                        //第二個引數減第一個引數：降序
                }
                alert(Number2.sort(sortNumber));

15、charAt(字串);  作用：回傳指定位置的字符，

('index')一個引數：

index表示字串中某個位置的數字，即字串的下標，

注：如果index不在0---string.length之間，該方法回傳一個空字串，

回傳值：查找的字符，

16、instanceof 

運算子應該僅僅用來比較來自同一個 JavaScript 背景關系的自定義物件， 正如 typeof 運算子一樣，任何其它的用法都應該是避免的，

17、charCodeAt(字串);  作用：回傳指定的字符unicode 編碼，這個回傳值是   0---65535   之間的整數，

('index')一個引數： index表示字串中某個字符的下標，

注：如果字串的下標大于等于字串的長度，則回傳一個NaN.

 18、fromCharCode(字串);  作用：接受一個指定的unicode編碼，然后回傳一個字串，

('numX','numX','numX'...)多個引數：

numX 是Unicode 值，即要創建的字串中的字符的 Unicode 編碼，

回傳值：回傳一個字串，

注：該方法是String的靜態方法，字串中的每個字串都是由單獨的數字Unicode編碼，
它不能作為您已創建的 String 物件的方法來使用，因此它的語法應該是 String.fromCharCode()，

var arr="我愛你";
arr.charCodeAt(1);
console.log(arr.charCodeAt(1));
String.fromCharCode('29233');
console.log(String.fromCharCode('29233'));

19、match(字串);   作用：在字串中檢索指定的值，或者找到一個或多個正則運算式的匹配，

('searchvalue','regexp')兩個引數（取其中一個）：

 searchvalue規定要檢索的字串，

regexp規定要匹配的模式RegExp物件，如果該引數不是RegExp物件，則需要首先把它傳遞給RegExp建構式
將其轉換為RegExp物件，

回傳值：1、如果是檢索指定的值，則回傳指定值的下標，
　　　　2、如果沒有找到檢索的值，則回傳null，
　　　　3、如果找到了一個或多個匹配子串，則回傳一個陣列，不過全域匹配回傳的陣列的內容與前者大不相同，它的陣列元素中存放的是 stringObject 中所有的匹配子串，而且也沒有 index 屬性或 input 屬性，
　　　　4、如果沒找到則回傳null，

var str="1 plus 2 equal 3"
                document.write(str.match(/\d+/g))
                console.log(str.match(/\d+/g));

20、replace(字串);  作用：用于把一些字符替換另一些字符，或替換一個正則運算式匹配的子串，

語法：stringObject.replace(regexp/substr,replacement) 

regexp/substr規定子字串或要替換的模式的RegExp物件，
replacement規定替換文本或生成替換文本的函式，

回傳值：替換之后的一個新的字串，

21、toUpperCase(字串);   作用：把字串轉換為大寫，

沒有引數
回傳值：一個新的字串，String里面的小寫字符全變成大寫的，不改變原有字串，

             var str="fefefJJLKJKLJ";
             alert(str.toUpperCase());
             alert(str);

22、toLowerCase();  作用：把字串轉換成小寫，

沒有引數
回傳值：一個新的字串，String里面的大寫全轉換成小寫字母，不改變原字串，

 var str="fefefJJLKJKLJ";
alert(str.toLowerCase()); 

標籤：JavaScript

上一篇：vue專案搭建通過vue-cli包括組件路由的使用實作基本的前端專案全流程

下一篇：js中undefined的幾種情況