js數組與字元串_ZenDei技術網路在線

數組數組的概念當我們需要表示一組數據，或者叫做一次性定義很多相似的數字或變數時，就需要使用數組，數組的字面意思就是一組數據，一組(一般情況下相同類型)的數據（不一定都是數字），數組的作用是：使用單獨的變數名來存儲一系列的值。遍曆數組：普通for迴圈 for(var i=0; i<5; i++ ...

數組

數組的概念

當我們需要表示一組數據，或者叫做一次性定義很多相似的數字或變數時，就需要使用數組，數組的字面意思就是一組數據，一組(一般情況下相同類型)的數據（不一定都是數字），數組的作用是：使用單獨的變數名來存儲一系列的值。

遍曆數組：

普通for迴圈

for(var i=0; i<5; i++){

document.write(arr[i]);

}

for...in 語句用於遍曆數組或者對象的屬性（快速遍歷）

for(var i in arr){

document.write(arr[i]);

}

棧方法

1.在數組末尾添加、刪除元素

push()方法可以接收任意數量的參數，把它們逐個添加到數組的末尾，並返回修改後數組的長度。改變原數組

pop()方法則從數組末尾移除最後一個元素，減少數組的 length 值，然後返回移除的元素。改變原數組

2.在數組前端添加、刪除元素

unshift() 方法從數組前端添加一個或多個元素,返回數組的長度。改變原數組

shift() 方法從數組前端移除一個元素，返回刪除元素。改變原數組

3. 重排序方法

reverse() // 返回一個逆向排序的新數組, 改變原數組

sort() //返回一個從小到大排序的新數組 , 改變原數組

註意：sort排序預設是按照數組元素的ASCII碼的大小排序，如果想用sort完成元素數值大小的排序需要調用函數

//數組升序排列
function compare(m, n) {
    return m– n; //想要降序排列此處換為 n – m;
}
arr.sort(compare);

1.基於當前數組元素/數組，連接新的元素/數組，形成一個新的數組

concat() 方法返回新數組，不改變原數組

2.獲取、截取、插入、替換元素

slice 基於當前數組獲取指定區域元素，並返回一個新數組,不改變原數組

//slice(a,b)   獲取範圍是[a b)
var arr = Array(2,5,8,10,3,28);
        var a = arr.slice(1,2);                //從下標1開始獲取，到下標2結束，不包括下標2 [1 2).

        document.writeln(arr);                //元素不變
    document.writeln(a);                //5

splice 數組值的截取，插入和替換，會改變原數組

數組值的截取會改變原數組，返回截取元素的數組

//splice(a,b)  截取範圍是從a按開始，截取長度為b
    var arr = Array(2,5,8,10,3,28);
    var a = arr.splice(2,3);            //從下標2開始，截取3個元素
    document.writeln(arr);                //2,5,28
    document.writeln(a);                //8,10,3

插入元素，無返回值，改變原數組

//splice   插入
var arr = Array(2,5,8,10,3,28);
var a = arr.splice(2,0,"a","b");    //從下標2開始，截取0個元素,並插入新元素
    document.writeln(arr);            //2,5,a,b,8,10,3,28 
            document.writeln(a);                //無返回值

替換元素，返回被替換元素，改變原數組

//splice   替換
var arr = Array(2,5,8,10,3,28);
            var a = arr.splice(2,1,"a");        //從下標2開始，截取1個元素,並插入一個新元素（數組元素替換）
            document.writeln(arr);                //2,5,a,10,3,28 
            document.writeln(a);                //8

3.定義數組元素間的分隔符

join 使用指定的分隔符把數組中的數據連接成字元串，返回新字元串，不改變原數組元素

Join()
var arr = Array(2,5,8,10,3,28);
    var w = arr.join("、");
    document.writeln(w);            //2、5、8、10、3、28
document.writeln(arr);        //2,5,8,10,3,28

字元串string

字元串就是一串字元，由雙（單）引號括起來。

字元串是 JavaScript 的一種基本的數據類型。

1、var str=‘親’； //基本類型

定義一個字元串變數str，內容為'親'

2、var str = new String(“hello”); //引用類型

定義一個字元串變數str，內容為hello，

註意此刻str為object(對象)類型

對象只是一種特殊的數據類型。對象擁有屬性和方法

用new產生的變數都是引用類型的變數，也叫對象。

3、var str = String(‘hello’);

基本類型: string, number, boolean, undefined,

引用類型/對象: Array , Date, Object, String, Function

var s1 = new String(‘hello world’);

var s2 = String(‘hello world’);

console.log(typeof s1); //object

console.log(typeof s2); //string

當String()和元素符new一起作為構造函數使用時,它返回一個新創建的String對象。

當不用new運算符調用String()是，它只把s2轉換成原始的字元串，並返迴轉換後的值。

length：表示字元串的長度；

如 : var str = “how are you”;

console.log(str.length);

console.log(str[0]); //獲取字元串中對應下標的字元

ECMAScript 中的字元串是不可變的;

要改變某個變數保存的字元串，首先要銷毀原來的字元串，然後再用另一個包含新值的字元串填充該變數，

var str1 =  "hello";
console.log(str1);        //hello
str2 = str1 + " world";
console.log(str1);            //hello
console.log(str2);                //hello world

字元串的方法

字元的獲取方法

str.charAt   str.charCodeAt   String.fromCharCode
var str = "0123456";
console.log(str.charAt(3)) ;    //獲取下標為3的字元      3
console.log(str[3]) ;    //獲取下標為3的字元      3
console.log(str.charCodeAt(3)) ;   //獲取下標為3的字元的編碼(ASCII碼)51
console.log(String.fromCharCode(97)) ; //ASCII編碼轉換成字元    a
var str = String.fromCharCode(98,99); 
console.log(str);                                    //bc

該方法是 String 的靜態方法，所以用String調用，

如：var str = String.fromCharCode(98,99); 可傳入多個參數

2.連接字元串 str.concat()

str.concat()  也可以用+連接
var str1 = "hello";
    var str2 = str1.concat(" world");
    console.log(str1);            //hello        
    console.log(str2);            //hello word

3.字元串的查找方法

str.indexOf( ) 查找字元串第一次出現的位置,如果沒找到則返回-1

str.indexOf( )
var str = "abcdabcd";
    var subStr = "bcd";
    var index = str.indexOf(subStr); 
console.log(index);                        // 1

str.lastIndexOf( ) 查找字元串最後一次出現的位置, 如果沒找到則返回-1

str.lastindexOf( )
var str = "abcdabcd";
var index = str.lastIndexOf(“abc”);        // 4

4.正則匹配

str.search() 正則匹配 (返回第一次出現的位置)

str.search()  
var str = "Abcdabcd"; 
var index = str.search(/abc/gi);         //index = 4

註: g表示進行全局匹配，i表示匹配的時候忽略大小寫

5.str.replace() 替換字元串

str.replace()  
var str = "how are  you!"; 
var newStr = str.replace("are", "old are"); 
console.log(str);            //how are  you!
console.log(newStr);        //how old are  you!

這裡的替換隻能執行一次，不能夠進行全局匹配，如果需要全局匹配，則應使用正則表達式： str.replace(/are/gi, "old are")

字元串的常用函數（重要）

substring(start,end); //截取字元串範圍是[start, end)

substr(a,b) 截取字元串，範圍是從下表為a的字元開始，截取長度為b

substr()  
var  str =  'Hello world!';
console.log(str.substring(2,5));        //llo
console.log(str);            //Hello world!
console.log(str.substr(2,5));        //llo w

註: 如果只有一個參數, 則表示到字元串最後

split(separator, howmany)—根據分隔符、拆分成數組

separator(字元串或正則表達式)

howmany(可以指定返回的數組的最大長度, 可以省略)

split()  根據分隔符、拆分成數組
    var  str =  'Hello*world*!';
    var str1 = str.split(/\*/);
    console.log(str);        //Hello*world*!
    console.log(str1);        //["Hello", "world", "!"]
    var  str =  'Hello*world*!';
    var str1 = str.split('');
    console.log(str1);        //["H", "e", "l", "l", "o", "*", "w", "o", "r", "l", "d", "*", "!"]

【註】如果空字元串(“”)用作separator,那麼stringObject中的每個字元之間都會被分割。

toLowerCase() 方法用於把字元串轉換成小寫

toUpperCase() 方法用於把字元串轉換成大寫