數組小方法(不定期更新,自己用的,好記性不如爛筆頭)

記着什麼寫什麼,不是看着什麼寫什麼,寫一堆筆記不會用說老羅呢?

開始吧

findIndex(),indexOf(),split(),splice(),unshift(),join(),replace(),slice(), match(), keys(), fill(), JSON.parse(), filter(),  some(), every()

JavaScript findIndex() 方法

獲取數組某一個元素的第一個元素索引位置(蠻抽象哈)

<script>
var ages = [3, 10, 18, 20];

function checkAdult(age) {
    return age >= 6;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}
</script>

此時的結果爲1     

 

 

JavaScript indexOf() 方法

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


<script type="text/javascript">

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))

</script>
 

結果 0 -1 6

 

JavaScript split() 方法

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

"2:3:4:5".split(":")	//將返回["2", "3", "4", "5"]
"|a|b|c".split("|")	//將返回["", "a", "b", "c"]

 

 

JavaScript splice() 方法

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

splice() 方法可刪除從 index 處開始的零個或多個元素,並且用參數列表中聲明的一個或多個值來替換那些被刪除的元素。

如果從 arrayObject 中刪除了元素,則返回的是含有被刪除的元素的數組。

語法解讀。arr.splice(從第幾個,刪除幾個,替換的數據)

 

 

 

JavaScript unshift() 方法

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

unshift() 方法將把它的參數插入 arrayObject 的頭部,並將已經存在的元素順次地移到較高的下標處,以便留出空間。該方法的第一個參數將成爲數組的新元素 0,如果還有第二個參數,它將成爲新的元素 1,以此類推。

請注意,unshift() 方法不創建新的創建,而是直接修改原有的數組。

 

 

 

JavaScript join() 方法

join() 方法用於把數組中的所有元素放入一個字符串。元素是通過指定的分隔符進行分隔的。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join())

</script>

輸出

George,John,Thomas

在join中可以添加需要什麼來分割。

arr.join("/")

輸出

George/John/Thomas

 

 

JavaScript replace() 方法

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

字符串 stringObject 的 replace() 方法執行的是查找並替換的操作。它將在 stringObject 中查找與 regexp 相匹配的子字符串,然後用 replacement 來替換這些子串。如果 regexp 具有全局標誌 g,那麼 replace() 方法將替換所有匹配的子串。否則,它只替換第一個匹配子串。

replacement 可以是字符串,也可以是函數。如果它是字符串,那麼每個匹配都將由字符串替換。但是 replacement 中的 $ 字符具有特定的含義。如下表所示,它說明從模式匹配得到的字符串將用於替換。

<script type="text/javascript">

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School"))

</script>

輸出 Visit W3School!

 

 

JavaScript slice() 方法

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

arrayObject.slice(start,end)

 

JavaScript match() 方法

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

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

 

 

JavaScript keys() 方法

從數組 fruit 創建一個數組迭代對象, 該對象包含了數組的鍵:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.keys();

keys() 方法用於從數組創建一個包含數組鍵的可迭代對象。

如果對象是數組返回 true,否則返回 false。

fruits.keys().next().value;

 

 

 

JavaScript fill() 方法

使用固定值填充數組

 

 

 

JavaScript JSON.parse()方法

JSON.parse() 方法用於將一個 JSON 字符串轉換爲對象。

JSON.parse(text[, reviver])
  • text:必需, 一個有效的 JSON 字符串。
  • reviver: 可選,一個轉換結果的函數, 將爲對象的每個成員調用此函數。

 

JavaScript filter() 方法

迭代所有項,返回的是符合條件的項組成的數組集合

var numbers = [1,2,3,4,5,6,7,8,9,10];
    var filterResult =numbers.filter(function(item, index, array) {
      console.log("當前"+index);
      return (item > 2);//或者(item % 2) == 0;
    });
 
    console.log(filterResult);
 

 

 

JavaScript some() 方法

該函數一旦返回true,則立即停止當前迭代;


var numbers = [1,2,3,4,5,6,7,8,9,10];
    var someResult =numbers.some(function(item, index, array) {
      console.log("當前"+index);
      return (item > 2);//或者(item % 2) == 0;
    });
 
    console.log(someResult);

 

JavaScript every() 方法

該函數一旦返回false,則立即停止當前迭代;

var numbers = [1,2,3,4,5,6,7,8,9,10];
    var everyResult =numbers.every(function(item, index, array) {
      console.log("當前"+index);
      return item > 0;//或者(item % 2) == 0;
    });
 
    console.log(everyResult);

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章