JS之字符串和數組

 

字符串：

屬性：

length：可以獲取字符串的長度；

<script type="text/javascript">
    var str = "haha";
    console.log(str.length);//4
</script>

方法：

1.charAt()

charAt() 方法可返回指定位置的字符，返回的字符是長度為 1 的字符串。

<script type="text/javascript">
    var str = "haha";
    console.log(str.charAt(2));
</script>

以上輸出結果為:

h

2.charCodeAt()

charCodeAt() 方法可返回指定位置的字符的 Unicode 編碼。這個返回值是 0 - 65535 之間的整數。

方法 charCodeAt() 與 charAt() 方法執行的操作相似，只不過前者返回的是位於指定位置的字符的編碼，輸出值得類型為number，而后者返回的是字符子串。

<script type="text/javascript">
    var str = "haha*";
    console.log(str.charCodeAt(4));
</script>

以上輸出結果為：

42

3.concat()

concat() 方法用於連接兩個或多個字符串。原有字符串並不會改變。

<script type="text/javascript">
    var str = "haha*";
    var str1 = "yeye";
    console.log(str.concat(str1));
    console.log(str);
    console.log(str1);
</script>

以上輸出結果為：

haha*yeye
haha*
yeye

4.indexOf()

indexOf() 方法可返回某個指定的字符串值在字符串中首次出現的位置。

<script type="text/javascript">
    var str = "haha*";
    var str1 = "yeye";
    console.log(str.indexOf("h"));
    console.log(str.indexOf("h",1));
</script>

以上輸出結果為：

0
2

第二個參數的意思是從索引值為1的位置開始查找

5.match()

match() 方法可在字符串內檢索指定的值，或找到一個或多個正則表達式的匹配。

該方法類似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。

<script type="text/javascript">
    var str = "haha*H";
    var str1 = "yeye";
    var reg = /\w/g;
    console.log(str.match("h"));
    console.log(str.match("hh"));
    console.log(str.match("ha"));
    console.log(str.match(/h/g));
    console.log(str.match(/\w/g));
</script>

以上輸出結果為：

6.replace()

replace() 方法用於在字符串中用一些字符替換另一些字符，或替換一個與正則表達式匹配的子串。

<script type="text/javascript">
    var str = "haha*H";
    var str1 = "yeye";
    var reg = /\w/g;
    console.log(str.replace("h","o"))
    console.log(str.replace(/h/g,"o"))
    console.log(str)
</script>

 

7.slice() 

slice() 方法可提取字符串的某個部分，並以新的字符串返回被提取的部分。

 

<script type="text/javascript">
    var str = "haha*H";
    var str1 = "yeye";
    console.log(str.slice(1))
    console.log(str.slice(1,3))
    console.log(str)
</script>

打印結果如下：

aha*H
ah
haha*H

8.split()

split() 方法用於把一個字符串分割成字符串數組。

<script type="text/javascript">
    var str = "haha*H";
    var str1 = "yeye";
    console.log(str.split(""))
    console.log(str.split("h"))
    console.log(str.split("a"))
    console.log(str.split("*"))
    console.log(str)
</script>

打印結果如下：

9.substr()

substr() 方法可在字符串中抽取從 start 下標開始的指定數目的字符。

<script type="text/javascript">
    var str = "haha*H";
    var str1 = "yeye";
    console.log(str.substr(1,1))
    console.log(str.substr(1,2))
    console.log(str.substr(1,3))
    console.log(str.substr(2,3))
    console.log(str.substr(3,3))
    console.log(str)
</script>

打印結果如下：

10.toLowerCase()

toLowerCase() 方法用於把字符串轉換為小寫。

<script type="text/javascript">
    var str = "haha*H";
    var str1 = "YEYE";
    console.log(str.toLowerCase())
    console.log(str1.toLowerCase())
    console.log(str)
</script>

打印結果如下：

11.toUpperCase()

toUpperCase() 方法用於把字符串轉換為大寫。

<script type="text/javascript">
    var str = "haha*H";
    var str1 = "yeye";
    console.log(str.toUpperCase())
    console.log(str1.toUpperCase())
    console.log(str)
</script>

打印結果如下：

數組：

屬性：

length：設置或返回數組中元素的數目。

<script type="text/javascript">
    var arr = ["jack",18,"male","jump"]
    console.log(arr.length);
</script>

打印結果如下：

4

方法：

將方法分為兩類，一類為改變原有數組，一類為不改變原有數組

改變原有數組：

1.pop()

pop() 方法用於刪除並返回數組的最后一個元素。

<script type="text/javascript">
    var arr = ["jack",18,"male","jump"]
    var arr1 = ["rose",18,"female","book"]
    var arr2 = ["jerry",18,"male","book"]
    console.log(arr.pop());
    console.log(arr1.pop());
    console.log(arr,arr1);
</script>

打印結果如下：

2.push()

push() 方法可向數組的末尾添加一個或多個元素，並返回新的長度。

<script type="text/javascript">
    var arr = ["jack",18,"male","jump"]
    var arr1 = ["rose",18,"female","book"]
    var arr2 = ["jerry",18,"male","book"]
    console.log(arr.push("senior"));
    console.log(arr1.push("senior"));
    console.log(arr,arr1);
</script>

打印結果如下：

3.reverse() 

reverse() 方法用於顛倒數組中元素的順序。

<script type="text/javascript">
    var arr = ["jack",18,"male","jump"]
    var arr1 = ["rose",18,"female","book"]
    var arr2 = ["jerry",18,"male","book"]
    console.log(arr,arr1);
    console.log(arr.reverse());
    console.log(arr1.reverse());
    console.log(arr,arr1);
</script>

打印結果如下：

4.shift()

shift() 方法用於把數組的第一個元素從其中刪除，並返回第一個元素的值。

<script type="text/javascript">
    var arr = ["jack",18,"male","jump"]
    var arr1 = ["rose",18,"female","book"]
    var arr2 = ["jerry",18,"male","book"]
    console.log(arr,arr1);
    console.log(arr.shift());
    console.log(arr1.shift());
    console.log(arr,arr1);
</script>

打印結果如下：

5.unshift()

unshift() 方法可向數組的開頭添加一個或更多元素，並返回新的長度。

<script type="text/javascript">
    var arr = ["jack",18,"male","jump"]
    var arr1 = ["rose",18,"female","book"]
    var arr2 = ["jerry",18,"male","book"]
    console.log(arr,arr1);
    console.log(arr.unshift(1));
    console.log(arr1.unshift(2));
    console.log(arr,arr1);
</script>

打印結果如下：

6.splice() 

splice() 方法向/從數組中添加/刪除項目，然后返回被刪除的項目。

<script type="text/javascript">
    var arr = ["jack",18,"male","jump"]
    var arr1 = ["rose",18,"female","book"]
    var arr2 = ["jerry",18,"male","book"]
    console.log(arr);
    console.log(arr.splice(1,2));
    console.log(arr);
    console.log(arr.splice(1,0,"*"));
    console.log(arr);
</script>

打印結果如下：

不改變原有數組：

1.concat() 

concat() 方法用於連接兩個或多個數組。

該方法不會改變現有的數組，而僅僅會返回被連接數組的一個副本。

<script type="text/javascript">
    var arr = ["jack",18,"male","jump"]
    var arr1 = ["rose",18,"female","book"]
    var arr2 = ["jerry",18,"male","book"]
    console.log(arr.concat(arr1));
    console.log(arr.concat(arr1,arr2));
    console.log(arr,arr1,arr2);
</script>

打印結果如下：

2.join()

join() 方法用於把數組中的所有元素放入一個字符串。

元素是通過指定的分隔符進行分隔的。

<script type="text/javascript">
    var arr = ["jack",18,"male","jump"]
    var arr1 = ["rose",18,"female","book"]
    var arr2 = ["jerry",18,"male","book"]
    console.log(arr.join("-"));
    console.log(arr1.join("-"));
    console.log(arr.join("*"));
    console.log(arr.join(""));
    console.log(arr,arr1);
</script>

打印結果如下：

3.slice()

slice() 方法可從已有的數組中返回選定的元素。

<script type="text/javascript">
    var arr = ["jack",18,"male","jump"]
    var arr1 = ["rose",18,"female","book"]
    var arr2 = ["jerry",18,"male","book"]
    console.log(arr);
    console.log(arr.slice(1,2));
    console.log(arr.slice(1));
    console.log(arr);
</script>

打印結果如下：

 還沒寫完，還在編輯中