1. 程式人生 > >總結JS中string、math、array的常用的方法

總結JS中string、math、array的常用的方法

等於 [1] 切分 比較 定位 ... 兩個 def lte

JS為每種數據類型都內置很多方法,真的不好記憶,而且有些還容易記混,現整理如下,以便以後查看:

一、String

①charAt()方法用於返回指定索引處的字符。返回的字符是長度為 1 的字符串。

語法:stringObject.charAt(index)

index 必需,表示字符串中某個位置的數字。字符串中第一個字符的下標是 0。如果參數 index 不在 0 與 string.length-1 之間,該方法將返回一個空字符串。

1 var str="fighting 2018!";
2 str.charAt(3);//h

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

語法:stringObject.indexOf(str,startpos)

str 必需,給定的需要檢索的字符串。 startpos 可選的整數參數,規定在字符串中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略該參數,則將從字符串的首字符開始檢索。

var str="fighting 2018!";
str.indexOf("t");//4

③split()方法將字符串分割成字符串數組,並返回此數組

語法:stringObject.split(separator,limit)

separator 必需,從該參數指定的地方分割。 limit 可選,分割的次數

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

④substring()方法用於提取字符串中介於兩個指定下標之間的字符,其內容是從 start 處到 stop-1 處的所有字符,其長度為 stop 減 start。

語法:stringObject.substring(start,stop)

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

stop 可選,一個非負的整數,比要提取的子串的最後一個字符在 stringObject 中的位置多 1。如果省略該參數,那麽返回的子串會一直到字符串的結尾。

1 var str="Hello world!";
2 document.write(str.substring(3));//lo world!
3 document.write(str.substring(3,8));//lo wo 

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

語法:stringObject.substr(start,length)

start 必需,要抽取的子串的起始下標。必須是數值。如果是負數,那麽該參數聲明從字符串的尾部開始算起的位置。也就是說,-1 指字符串中最後一個字符,-2 指倒數第二個字符,以此類推。

length 可選,必須是數值。如果省略了該參數,那麽返回從 stringObject 的開始位置到結尾的字串。

1 var str="Hello world!";
2 document.write(str.substr(3));//lo world!
3 document.write(str.substr(3,7));//lo worl

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

語法:stringObject.replace(regexp/substr,newsubstr/function)

regexp/substr 必需,規定要替換掉的子字符串或要替換掉的模式的 RegExp 對象。

newsubstr/function 必需,規定了替換文本或生成替換文本的函數。

1 var str="Visit Microsoft!";
2 document.write(str.replace(/Microsoft/, "W3School"));//Visit W3School!
3 var name = "Doe, John";
4 document.write(name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1"));//John Doe 

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

語法:stringObject.charCodeAt(index)

index 必需,表示字符串中某個位置的數字,即字符在字符串中的下標。

1 var str="Hello world!";
2 document.write(str.charCodeAt(1));//101

⑧formCharCode()方法接受一個指定的 Unicode 值,然後返回一個字符串。

語法:String.fromCharCode(numX,numX,...,numX)

numX 必需,一個或多個 Unicode 值,即要創建的字符串中的字符的 Unicode 編碼。

1 document.write(String.fromCharCode(72,69,76,76,79));//HELLO
2 document.write(String.fromCharCode(65,66,67));//ABC

二、Math

①ceil()方法 對一個數進行向上取整

語法:Math.ceil(x) 返回大於等於x 並且與x最接近的整數

②floor()方法 對一個數進行向下取整

語法:Math.floor(x) 返回小於等於x 並且與x最接近的整數

③round()方法 對一個數進行四舍五入取整

語法:Math.round(x) 返回最接近x的整數

④random()方法 返回介於 0 ~ 1 之間的一個隨機數

語法:Math.random() 返回0.0 ~ 1.0 之間的一個隨機數。

⑤max()方法返回指定的數中帶有較大的值的那個數

語法:Math.max(x1,x2,.....) 返回x1,x2,.....中帶有最高值的數字 如果有某個參數為 NaN,或是不能轉換成數字的非數字值,則返回 NaN。

⑥min()方法返回指定的數中帶有較小的值的那個數

語法:Math.min(x1,x2,......) 返回x1,x2,.....中帶有最小值的數字 如果有某個參數為 NaN,或是不能轉換成數字的非數字值,則返回 NaN。

1 Math.ceil(3.2);//4
2 Math.floor(3.7);//3
3 Math.round(3.5);//4
4 Math.random();//一個隨機數
5 Math.max(3,6,6.2);//6.2
6 Math.min(3,4,34);//3

三、Array

①concat()方法用於連接兩個或多個數組。返回一個新的數組

語法:arrayObject.concat(arrayX,arrayX,......,arrayX)

arrayX 必需,該參數可以是具體的值,也可以是數組對象。可以是任意多個。

註:該方法不會改變原有的數組arrayObject,而僅僅會返回一個新,該數組是通過把所有 arrayX 參數添加到 arrayObject 中生成的。如果要進行 concat() 操作的參數是數組,那麽添加的是數組中的元素,而不是數組。

1 var a = [1,2,3];
2 var b=[4,5,6];
3 var c=a.concat(7,b);
4 document.write(c);//1,2,3,7,4,5,6

②join()方法用於把數組中的所有元素放入一個字符串。返回一個字符串,不改變原數組。

語法:arrayObject.join(separator)

separator 可選,指定要使用的分隔符。如果省略該參數,則使用逗號作為分隔符。

1 var arr=["I","like","Front-end"];
2 var str=arr.join(" ");
3 document.write(str);//I like Front-end

③reverse()方法用於顛倒數組中元素的順序,該方法會改變原來的數組,而不會創建新的數組。

語法:arrayObject.reverse()

var arr = new Array(3);
arr[0] = "a";
arr[1] = "b";
arr[2] = "c";
document.write(arr + "<br />");//a,b,c
document.write(arr.reverse());//c,b,a

④slice()方法從已有的數組中返回選定的元素構成一個新的數組。不改變原數組

語法:arrayObject.slice(start,end) 返回的新數組包含從 start 到 end (不包括該元素)的 arrayObject 中的元素。

start 必需,規定從何處開始選取。如果是負數,那麽它規定從數組尾部開始算起的位置。也就是說,-1 指最後一個元素,-2 指倒數第二個元素,以此類推。

end 可選,。規定從何處結束選取。該參數是數組片斷結束處的數組下標。如果沒有指定該參數,那麽切分的數組包含從 start 到數組結束的所有元素。如果這個參數是負數,那麽它規定的是從數組尾部開始算起的元素。

1 var arr=[1,2,3,4,5,6];
2 var newArr=arr.slice(1,3);
3 document.write(newArr);//2,3
4 document.write(arr);//1,2,3,4,5,6

⑤sort()方法使數組中的元素按照一定的順序進行重新排序,該方法會改變原來的數組。

語法:arrayObject.sort(sortby)

sortby 可選,若使用時未傳入參數,默認排序規則,是按照字符編碼的順序進行排序;若使用該參數,必須是函數(比較函數)規定排序順序,即接收一個比較函數來實現自定義的排序。

比較函數要比較兩個值,應該具有兩個參數 a 和 b,然後返回一個用於說明這兩個值的相對順序的數字。

var sortby=function(a,b){

//函數體 註:開始時 a=arrayObject[0],b=arrayObject[1];然後a=調整後的arrayObject[1],b=調整後的arrayObject[2];以此類推,直到數組合中的元素全部循環判斷一

}

其返回值如下:

  • 若 a 小於 b,在排序後的數組中 a 應該出現在 b 之前,則返回一個小於 0 的值,此時不調換a、b順序。
  • 若 a 等於 b,則返回 0,此時不調換a、b順序。
  • 若 a 大於 b,則返回一個大於 0 的值,此時調換a、b的順序。
1 var arr = [10, 20, 1, 2];
2 //將數組中的元素按從小到大排列
3 arr.sort(function(a,b){
4 return a-b;
5 });
6 document.write(arr);//1,2,10,20

⑥splice()方法 向/從數組中添加/刪除項目,然後返回被刪除的項目組成的數組。該方法會改變原始數組。

語法:arrayObject.splice(index,howmany,item1,.....,itemX)

刪除從index處開始的howmany個元素,並且可用列表中聲明的一個或者多個值(item1,.....,itemX)來替換那些被刪除的元素。

index 必需,整數,規定添加/刪除項目的位置,使用負數可從數組結尾處規定位置。howmany 必需,要刪除的項目數量。如果設置為 0,則不會刪除項目。 item1,.....,itemX可選,向數組添加的新項目。

1 var arr=[1,2,3,4,5,6,7];
2 document.write(arr.splice(1,2,8,9));//2,3
3 document.write(arr);//1,8,9,4,5,6,7

⑦map()方法按照原始數組元素順序依次處理元素。map()方法可以方便的遍歷數組。返回一個新數組,不會改變原始數組。

語法:arrayObject.map(function(currentValue,index,arr), thisValue)

function(currentValue, index,arr) 必需,函數,數組中的每個元素都會執行這個函數。map()方法可給該回調函數傳入三個值:currentValue (必選 當前元素的值); index (可選 當前元素的索引);

arr (可選 當前元素屬於的數組對象。後兩者在回調函數中根據是否需要來決定是否作為參數傳入)。

thisValue 可選,網上查到的說法是:對象作為該執行回調時使用,傳遞給函數,用作 "this" 的值。如果省略了 thisValue ,"this" 的值為 "undefined"。一般用不到該參數。

1 var oldArray=[1,2,3];
2  var newArray=oldArray.map(function(val){
3    return val+=3;
4 });
5  alert(newArray);//4,5,6 

⑧reduce()方法接收一個函數作為累加器,數組中的每個值(從左到右)開始縮減,最終計算為一個值。reduce()方法可以方便的叠代數組。不會改變原數組。

語法:arrayObject.reduce(function(previousValue, currentValue, currentIndex, arr), initialValue)

function(previousValue, currentValue, currentIndex, arr) 必需,函數,reduce()方法可給該回調函數傳入四個值:previousValue (必選 上一次調用回調返回的值,或者是提供的初始值(initialValue));currentValue (必選 數組中當前被處理的元素);

currentIndex(可選 當前元素在數組中的索引);arr (可選 調用 reduce 的數組) 。

initialValue 可選,若不設置。則初始值將變成數組中的第一項,而currentValue即從數組中的第二項開始。

1 var arr=[2,4,3,7];
2 //數組中的元素進行累加
3 var val=arr.reduce(function(n1,n2){
4   return n1+n2;
5 },0);
6 document.write(val);//16

⑨filter()方法創建一個新的數組,新數組中的元素是通過檢查指定數組中符合條件的所有元素。filter()方法可以方便的遍歷數組,對元素進行過濾。不會改變原始數組。

語法:arrayObject.filter(function(currentValue,index,arr), thisValue)

function(currentValue,index,arr) 必選,函數,filter()方法可給該回調函數傳入三個值:currentValue(必選 當前元素的值);index(可選 當前元素在數組中的索引);arr(可選 調用filter的數組)。

thisValue 可選,網上查到的說法是:對象作為該執行回調時使用,傳遞給函數,用作 "this" 的值。如果省略了 thisValue ,"this" 的值為 "undefined"。一般用不到該參數

1 var oldArr=[1,2,3,55,65,34];
2 var newArr=oldArr.filter(function(val){
3   return val>30;
4 });
5 document.write(newArr);//55,65,34

arrayObject.pop() 移除arrayObject中的最後一個元素,並返回該元素,改變原數組;

arrayObject.push(item1,item2,....) 將一個或多個參數item添加到數組arrayObject的尾部,改變原數組,並返回改變後的數組的長度;

arrayObject.shift() 移除arrayObject中的第一個元素,並返回該元素,改變原數組;

arrayObject.unshift(item1,item2,....)將一個或多個參數item添加到數組arrayObject的頭部,改變原數組,並返回改變後的數組的長度;

(容易理解,不舉例子啦~~~~)

先這樣~,有漏掉的以後再補充。

總結JS中string、math、array的常用的方法