本文目錄一覽:
- 1、js數組的concat和map方法都會返回新數組,你造嗎?
- 2、JS 數組相關操作
- 3、「js push」可以push一個數組么?
- 4、js數組幾種常見的操作方法
- 5、JS 數組的 push 與 concat 區別
js數組的concat和map方法都會返回新數組,你造嗎?
我肯定造啊
concat( )連接數組——返回新數組
join(separator)將數組元素連接起來構建成一個字符串——返回字符串
reverse()顛倒數組中元素的順序——返回原數組
slice(starpos, endpos)返回數據的一部分——返回新數組
splice(start,deleteCount,value)插入、刪除或替換數據的元素——返回原數組
JS 數組相關操作
push()可以將某些值加入到數組的最後一個位置,並且不限制添加數量(註:數組長度是有限制的),如果需要添加多項內容使用逗號隔開即可,加入後數組長度會增加。
let a=[1,2,3,4,5,6,7,8];
a.push(9,10);
console.log(a);// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
pop()會移除數組的最後一個元素。
let a=[1,2,3,4,5,6,7,8];
a.pop();
console.log(a);// [1, 2, 3, 4, 5, 6, 7]
shift() 會移除數組的第一個元素。
let a=[1,2,3,4,5,6,7,8];
a.shift();
console.log(a);// [2, 3, 4, 5, 6, 7, 8]
unshift() 會將指定的元素添加到數組的第一個位置。
let a=[1,2,3,4,5,6,7,8];
a.unshift(100,200,300);
console.log(a);// [100, 200, 300, 1, 2, 3, 4, 5, 6, 7, 8]
reverse()會將數組反轉
let a=[1,2,3,4,5,6,7,8];
a.reverse();
console.log(a);// [8, 7, 6, 5, 4, 3, 2, 1]
splice()可以移除或新增數列的元素,它包含了三個參數,第一個是要移除或要添加的序列號( 必填),第二個是要移除的長度( 選填,若不填則從第一個參數序號位置開始,後方的所有元素都會被移除,若設定為0則不會有元素被移除),第三個是要替換的內容( 選填 )
let a=[1,2,3,4,5,6,7,8];
a.splice(5,1);
console.log(a);// [1, 2, 3, 4, 5, 7, 8] ( 6 被移除了 )
添加第三個參數就能夠添加或替換元素。
let a=[1,2,3,4,5,6,7,8];
a.splice(5,1,100);
console.log(a);// [1, 2, 3, 4, 5, 100, 7, 8] ( 6 被移除,100加到第5個位置 )
let b=[1,2,3,4,5,6,7,8];
b.splice(5,3,100,200,300);
console.log(b);// [1, 2, 3, 4, 5, 100, 200, 300] ( 6,7,8 被移除,100,200,300 加到第 5,6,7 個位置 )
let c=[1,2,3,4,5,6,7,8];
c.splice(5,0,100);
console.log(c);// [1, 2, 3, 4, 5, 100, 6, 7, 8] ( 沒有元素被移除,100 加到第 5 個位置 )
sort()可以針對數組的元素進行排序,裡頭包含了一個排序用的判斷函數,函數內必須包含兩個參數,這兩個參數分別代表數組裡的第n個和第n+1 個元素,通過比較第n和第n+1個元素的大小來進行排序。
let a=[1,3,8,4,5,7,6,2];
a.sort((x,y)=y-x);
console.log(a);// [8, 7, 6, 5, 4, 3, 2, 1]
a.sort((x,y)=x-y);
console.log(a);// [1, 2, 3, 4, 5, 6, 7, 8]
如果不使用判斷函數, 默認會將元素轉換成字串,並採用unicode來判斷 ,這也會造成某些數字的排序錯誤,如下段示例:
let a=[1,3,8,4,5,7,6,2,9,10,11];
a.sort();
console.log(a);// [1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9]
copyWithin()能複製數組中的某些元素,並將它們放到同一個數組指定的位置,copyWithin()有三個參數,第一個是要置換的位置(必填),第二個是從什麼位置開始複製(選填,預設0 ),第三個是停止複製的元素的前一個位置(選填,默認值等於數組長度)。
let a=[1,2,3,4,5,6,7,8];
a.copyWithin(2);
console.log(a);// [1,2,1,2,3,4,5,6] ( 因 7 和 8 超過數組長度,只出只複製到6 )
let b=[1,2,3,4,5,6,7,8];
b.copyWithin(3,1,3);
console.log(b);// [1,2,3,2,3,6,7,8] ( 複製 2,3 取代 4,5 )
fill()會把數組中所有元素,置換為指定的值,fill()有三個參數,第一個是準備要置換的內容(必填),第二個是從什麼位置開始置換(選填,不設定就全部置換) ,第三個是停止置換的元素的前一個位置(選填,預設等於數組長度)。
let a=[1,2,3,4,5,6,7,8];
a.fill(‘a’);
console.log(a);// [‘a’,’a’,’a’,’a’,’a’,’a’,’a’,’a’]
let b=[1,2,3,4,5,6,7,8];
b.fill(‘b’,3,5);
console.log(b);// [1,2,3,’b’,’b’,6,7,8]
length可以取得數組的長度。
let a=[1,2,3,4,5,6,7,8];
console.log(a.length);// 8
indexOf() 會判斷數組中是否包含某個值,判斷的方式為「由左而右」,如果有包含就返回這個值在數組中的索引值,如果沒有就返回-1,有兩個參數,第一個參數表示要判斷的值( 必填),第二個參數表示從數組的哪個位置開始判斷( 選填,預設為0 )。
let a=[1,2,3,4,5,6,7,8];
console.log(a.indexOf(4));// 3
console.log(a.indexOf(4,5));// -1 ( 在6,7,8中搜索有沒有4 )
lastIndexOf() 會判斷數組中是否包含某個值,判斷的方式為「由右而左」,如果有包含就返回這個值在數組中的索引值,如果沒有就返回-1,這個方法有兩個參數,第一個參數表示要判斷的值( 必填),第二個參數表示判斷從數組的哪個位置開始從右往左查找( 選填,默認為整個數組長度-1 )。
let a=[1,2,3,4,5,6,7,8];
console.log(a.lastIndexOf(3));// 2
console.log(a.lastIndexOf(3,1));// -1 ( 只在1,2中判斷,所以沒有 3 )
find()會將數組中的「每一個」元素帶入指定的函數內做判斷,並會返回第一個符合判斷條件的元素,如果沒有元素符合則會返回undefined。
let a=[1,2,3,4,5,6,7,8];
console.log(a.find(e=e3));// 4
console.log(a.find(e=e0));// undefined
findIndex()會將數組中的「每一個」元素帶入指定的函數內做判斷,並會返回第一個符合判斷條件元素的位置索引,如果沒有元素符合則會返回-1。
let a=[1,2,3,4,5,6,7,8];
console.log(a.findIndex(e=e3));// 3
console.log(a.findIndex(e=e0));// -1
filter()會將數組中的「每一個」元素帶入指定的函數內做判斷,如果元素符合判斷條件則會返回,組成一個新的數組。
let a=[1,2,3,4,5,6,7,8];
console.log(a.filter(e=e3));// [4, 5, 6, 7, 8]
console.log(a.filter(e=e%2==0));// [2, 4, 6, 8]
forEach()會將數組中每個元素套用到指定的函數里進行運算,函數有三個參數,第一個參數表示每個元素的值( 必填),第二個參數為該元素的索引值( 選填),第三個參數則表示原本的數組( 選填)。
let a=[1,2,3,4,5];
let b=0;
a.forEach(item={b=b+item;});
console.log(b);// 15 ( 1+2+3+4+5 )
如果結合第二和第三個參數進行搭配使用,就能做到改變原本數組的效果。
let a=[1,2,3,4,5];
a.forEach((item,index,arr)={arr[index]=item*10;});
console.log(a);// [10,20,30,40,50]
join()可以將數組中所有元素,變成由指定的字符分割合併在一起組合成字符串進行呈現,若沒有指定字符默認會用「逗號」合併。
let a=[1,2,3,4,5,6,7,8];
console.log(a.join());// 1,2,3,4,5,6,7,8
console.log(a.join(”));// 12345678
console.log(a.join(‘@@’));// 1@@2@@3@@4@@5@@6@@7@@8
concat()可以將兩個數組合併在一起,如果是使用ES6語法也可以用擴展運算符…來代替。
let a=[1,2,3,4,5];
let b=[6,7,8,9];
let c=a.concat(b);
let d=[…a,…b];// 使用 …
console.log(c);// [1,2,3,4,5,6,7,8,9]
console.log(d);// [1,2,3,4,5,6,7,8,9]
slice()可以截取出數組某部份的元素為一個新的數組,有兩個必填的參數,第一個是起始位置,第二個是結束位置( 操作時數字減1 )。
let a=[1,2,3,4,5,6,7,8];
let b=a.slice(2,4);
console.log(b);// [3, 4]
map()會處理數組中每個元素,最後返回一個新的數組,裡頭有一個函數( 必填) 和一個返回函數里的this參數( 選填),函數內又包含三個參數,第一個是每個元素的值( 必填),第二個是當前元素的索引值( 選填),第三個是當前的數組( 選填)。
let a=[1,2,3,4,5,6,7,8];
let b=a.map(e={returne+10;});
console.log(b);// [11, 12, 13, 14, 15, 16, 17, 18]
使用第二個和第三個參數的示例:
let a=[1,2,3,4,5,6,7,8];
let b=a.map((e,i,arr)={return`${e}${i}${arr.find(e=e%5==1)}`;// 組合成「元素 + 索引值 + 除以五餘數為1的第一個元素」});
console.log(b);// [‘101’, ‘211’, ‘321’, ‘431’, ‘541’, ‘651’, ‘761’, ‘871’]
如果要使用回調函數里this的參數,則「不能使用」箭頭函數,因為箭頭函數的this指向和函數的this指向不同,所以要用一般的函數處理。
let a=[1,2,3,4,5,6,7,8];
let b=a.map(function(e){
returne+this;// 此處的 this為10
},10);
console.log(b);// [11, 12, 13, 14, 15, 16, 17, 18]
reduce() 可以將數組中每個元素進行計算,每次計算的結果會再與下個元素作計算,直到結束為止,裡頭包含一個函數( 必填) 和初始計算的數值( 選填),函數內有四個參數,第一個是計算的值( 必填),第二個是取得的元素(必填),第三個是該元素的索引值( 選填),第四個是原本的數組(選填)。
let a=[1,2,3,4,5,6,7,8];
let b=a.reduce(function(total,e){returntotal+e;});
console.log(b);// 36 ( 1+2+3+4+5+6+7+8=36 )
reduceRight() 和reduce()大同小異,只是其計算方式是由右到左,對於加法來說沒什麼影響,但對於減法而言就有差異。
let a=[1,2,3,4,5,6,7,8];
let b=a.reduce(function(total,e){returntotal-e;});
console.log(b);// -34 ( 1-2-3-4-5-6-7-8 = -34 )
let c=a.reduceRight(function(total,e){returntotal-e;});
console.log(c);// -20 ( 8-7-6-5-4-3-2-1 = -20 )
flat()可以將一個多維數組的深度轉成一維(扁平化或稱作降維),它有一個選填的參數,代表要轉換的深度數字,預設為1(只展開一層放到一維數組裡,如果是2,只展開2層放到一維數組裡),如果深度有很多層,可使用Infinity來全部展開成一維數組。
let a=[1,2,[3],[4,[5,[6]]]];
let b=a.flat();
let c=a.flat(2);
let d=a.flat(Infinity);
console.log(b);// [1, 2, 3, 4, [5, [6]]]
console.log(c);// [1, 2, 3, 4, 5, [6]]
console.log(d);// [1, 2, 3, 4, 5, 6]
flatMap()的方法等於map()和flat()的組合,在運算後直接將數組扁平化處理。
let a=[1,2,[3],[4,5]];
let b=a.flatMap(e=e+1);
let c=a.map(e=e+1).flat();
console.log(b);// [2, 3, “31”, “4,51”] ( 可以看到 b 和 c 得到的結果相同 )
console.log(c);// [2, 3, “31”, “4,51”]
Array.isArray()能判斷一個元素是否為數組,如果是就返回true,不然就返回false。
let a=[1,2,3,4,5,6,7,8];
let b=123;letc=’hello’;
let d={d1:1,d2:2};
console.log(Array.isArray(a));// true
console.log(Array.isArray(b));// false
console.log(Array.isArray(c));// false
console.log(Array.isArray(d));// false
Array.from()會將「類數組」或是「可迭代的對象」轉換成數組,Array.from()有兩個參數,第一個參數為「類數組對象」或「可迭代的對象」(必填),第二個參數則是改變轉換成數組元素的函數(選填)。
類數組對象具有length 屬性以及索引化index 的元素,可迭代對象表示具有可以利用迭代的方式取得它自己本身的元素,例如Map 和Set…等。( 參考MDN 說法 )
let a=’abcde’;
let b=Array.from(a);
console.log(b);// [‘a’,’b’,’c’,’d’,’e’]
let c=Array.from(a,e=e+e);
console.log(c);// [‘aa’,’bb’,’cc’,’dd’,’ee’]
類數組對象寫法必須包含length 屬性,且對象的key須為0開始的數字,對應轉換後的元素索引。
let a={‘0′:14,’2′:13,’1′:7,’3′:9,’4’:6,length:5};
let b=Array.from(a);
console.log(b);// [14,7,13,9,6]
Array.of()可以快速將數字、字串等內容,轉換成數組。
let a=Array.of(1,’a’,2,’b’,3);
console.log(a);// [1, “a”, 2, “b”, 3]
toString()會把整個數組轉換成字符串。
let a=[1,2,3,4,5,6,7,8];
let b=a.toString();
console.log(b);// 1,2,3,4,5,6,7,8
every()會將數組中的「每一個」元素帶入指定的函數內做判斷,只要有任何一個元素不符合判斷條件,會回返回false,如果全部符合,就會回傳true。
let a=[1,2,3,4,5,6];
console.log(a.every(e=e3));// fasle ( 因為1、2 小於 3,3 等於 3 )
console.log(a.every(e=e0));// true
some()會將數組中的「每一個」元素帶入指定的函數內做判斷,只要有任何一個元素符合判斷條件,就會返回true,如果全都不符合,才會返回false。
let a=[1,2,3,4,5,6];
console.log(a.some(e=e3));// 返回 true,因為 4、5、6 大於 3
console.log(a.some(e=e6));// 返回 fasle,因為全都小於或等於 6
includes()會判斷數組中是否包含某個值,如果有包含就返回true,否則返回false,有兩個參數,第一個參數表示要判斷的值( 必填),第二個參數表示從數組的哪個位置開始判斷( 選填)。
let a=[1,2,3,4,5,6,7,8];
console.log(a.includes(2));// true
console.log(a.includes(2,2));// false ( 在 3,4,5,6,7,8 查找有沒有 2 )
valueOf()會返回數組的原始值,如果原本的數組有修改,那麼返回的原始值也會跟着改變(相當淺複製)
let a=[1,2,3,4,5,6,7,8];
let b=a.valueOf();
console.log(a);// [1, 2, 3, 4, 5, 6, 7, 8]
let c=a.valueOf();
a.shift();
console.log(a);// [2, 3, 4, 5, 6, 7, 8]
console.log(b);// [2, 3, 4, 5, 6, 7, 8] ( 因為 a 的原始值更新了,所以 b 也變了 )
console.log(c);// [2, 3, 4, 5, 6, 7, 8]
keys()會返回數組中的每一個索引值( key )成為一個新的Array Iterator對象,因為是Array Iterator對象,可以使用for…of進行迭代。
let a=[‘a’,’b’,’c’,’d’,’e’];
let b=a.keys();
for(let key of b){
console.log(key);// 1、2、3、4、5
}
「js push」可以push一個數組么?
可以,兩個數組拼接用 concat。
js :JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。
push:彙編語言指令 入棧,棧的特點是先進後出。
JavaScript是一種基於對象和事件驅動並具有相對安全性的客戶端腳本語言。同時也是一種廣泛用於客戶端Web開發的腳本語言,常用來給HTML網頁添加動態功能,比如響應用戶的各種操作。它最初由網景公司(Netscape)的Brendan Eich設計,是一種動態、弱類型、基於原型的語言,內置支持類。JavaScript是Sun公司的註冊商標。
Ecma國際以JavaScript為基礎制定了ECMAScript標準。JavaScript也可以用於其他場合,如服務器端編程。完整的JavaScript實現包含三個部分:ECMAScript,文檔對象模型,位元組順序記號。
js數組幾種常見的操作方法
關於js數組的用法有很多,下面主要針對一些簡單的操作,比如合併,反轉,添加刪除等簡單的操作總結一下。
關於js數組的用法有很多,下面主要針對一些簡單的操作,比如合併,反轉,添加刪除等簡單的操作總結一下。
第一:讀取數組 for循環
方法如下:
var ay=[1,”sdsd”,”sdsd”]
for (var i=0;iay.length;i++) {
console.log(“index:”+i+” “+ay[i]) //index:0 1 index:1 sdsd index:2 sdsd
}
第二:合併數組 concat
方法如下:
var arr1=[‘w’,’e’,’s’];
var arr2=[‘e’,’y’,’u’];
var arr3=arr1.concat(arr2);
console.log(arr3) //[‘w’,’e’,’s”e’,’y’,’u’];
第三:數組變為字符串格式 join
方法如下:
var arr1=[‘w’,’e’,’s’];
var arr4=arr1.join()
console.log(arr4) //w,e,s
第四:刪除最後一個元素,針對老數組是刪除最後一個,針對新數組是返回最後一個 pop
var arr6=[“d”,”s”,”t”];
var arr7=arr6.pop();
console.log(arr6) // [“d”,”s”];
console.log(arr7);// t
第五:添加最後一個元素,針對老數組最後一個元素後面添加一個元素,新數組返回元素個數 push
var arr8=[“i”,”u”,”t”];
var arr9=arr8.push(“k”);
console.log(arr8); //[“i”,”u”,”t”,”k”];
console.log(arr9); // 4
第六:shift() 和pop()一樣,不同的是操作的是開頭刪除的元素shift();具體操作不在展示
第七:unshiift()和push一樣,不同的是操作的是開頭添加的元素unshift();具體操作不再展示
第八:反轉數組 reverse
方法如下:
var arr1=[‘w’,’e’,’s’];
var arr10=arr1.reverse()
console.log(arr10) //[‘s’,’e’,’w’];
第九:數組排序 sort a-b正向 b-a 反向
正向
var arr11=[3,1,5,8,28]
var arr12=arr11.sort(function (a,b) {
return a-b;
})
console.log(arr12) //[1,3,5,8,28];
反向
var arr13=arr11.sort(function (a,b) {
return b-a;
})
console.log(arr13) //[28,8,5,3,1]
第十:數組截取 數組截取的方法主要有slice 和splice,另外說到截取我這裡隨便也把字符串截取帶上,字符串截取的方法主要有substr 和substring
(1)slice 使用方法arr.slice(m,n);其中arr為數組,m,n為兩個參數,意思是從已有數組中返回選定的元素,截取位置均為下標,其中m必須,為起始位置,可以為負值,n為結束位置(截取位置並不包含)。
示例如下:
①只有起起始值,並且為正,默認的從起始位置一直到整個數組結束,起始下標從0開始
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(1)
console.log(arr) // [2,3,5,6,8,9] 老數組是沒有變化的,下面不在列舉,都是一樣的
console.log(arr1) //[3,5,6,8,9] 只有起始參數,並且為正值,返回新數組從下標1開始截取
②只有起始值,並且為負,默認的是從起始位置一直到整個數組結束,此處沒有起始值,數組的最後一個下標是-1,比如此例,如果從-6開始取,必定是整個數組
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(-1)
console.log(arr1) //[9] 只有起始參數,並且為負值,從數組尾部截取元素
③有起始值和結束值,並且為正,此處需注意下標是從小到大,比如你(3,1)肯定是取不到值的,另外截取的下標個數並不包含最後一個下標
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(1,4)
console.log(arr1) //[3,5,6] 此時是從下標1開始到下標4,但是需要注意的是並不包含下標4,準確的說是1-3的下標
④有起始值和結束值,並且為負,此處需注意下秒也是從小到大,同理,比如(-1,-6)也是肯定取不到值的,另外截取的下標個數也並不包含最後一個下標
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(-6,-1)
console.log(arr1) //[2,3,5,6,8]
⑤有起始值和結束值,並且正負都有
負值到0
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(-1,0)
//剛剛都看到了,數組下標都是從小到大的,所以說如果正負都有的情況下,理論上應該可以取值的,比如這個例子,-1為9的小標,0為2的下標,所以取值應該為 [9],但是結果並不是這樣的
console.log(arr1) //[ ] 從這裡可以看出他的結果是為空的,所以從負值到0結果是取不到的
負值到正直
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(-1,2)
//那從負值到正值呢,同樣也是取不到值的
console.log(arr1) //[ ]
正直到負值
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(2,-1)
//那從正直到負值,這個理論上是取不到的,但是看下結果
console.log(arr1) //[ 5,6,8] 從結果可以看出是可以取的 原理是2的下標為5,-1的下標為9,不包含結束位置下標
總結:這個方法看着可能會麻煩些(也可能被我寫的麻煩啦),比如正到負等,不知道大家都是怎麼操作,我一般用這個取值都是只截取正的,所以這個實際操作還是非常簡單的。
(2)splice 像數組中添加或者刪除元素
arr.splice(m,n,index,index1,…,indexx)
m是起始位置,n是刪除元素的個數,index是要添加的元素,在不添加元素的前提下,只有第一個參數是必須的,後面兩個都不是必須的,在需要添加元素的情況下,三個元素都是必須的,此方法和slice是不一樣的,這個返回的是被刪除的元素
示例如下:
只刪除不添加
注意看此例,是(1,2)刪除兩個,如果是(1,0),則表示刪除零個,也就是不刪除的意思,如果只有一個參數則表示從這裡開始刪除,比如是(1)則為[2],當然這個也是可以取負值,但是這個和slice是不一樣的,只能起始位置取負值,因為刪除的個數不可能為負值,slice可以取(2,-1),這個就截然不同啦,但是剛剛也說啦,slice是不可以起始位置取負值,結束位置取正的,但是這個是可以的,比如(-1,0)則表示從-1開始刪除零個,結果為[2,3,5,6,8,9],(-6,2),結果為[5,6,8,9],另外這個刪除的第二個值如果寫的過大,也只是刪除從本下標到最後一個,比如(2,78)為[2,3]
var arr=[2,3,5,6,8,9]
var arr1=arr.splice(1,2)
console.log(arr) // [2,6,8,9] 注意看此處才是我們要的數組,從下標1開始刪除刪除兩個
console.log(arr1) //[3,5] 此處是我們刪除掉的數組
刪除加添加 具體的和上面的差不多,主要添加了添加元素的效果,這個也可以添加多個元素
var arr=[2,3,5,6,8,9]
var arr1=arr.splice(1,2,”il”)
console.log(arr) //[2,”li”,6,8,9]
console.log(arr1) //[3,5]
總結:此方法用的時候,一般也都是只取正值
(3)substr 這個是字符串的用法 用法arr.substr(m,n) m必選也可以負值 n選填,注意看這個並不是結束為止而是截取的個數
示例如下:
只有一個參數 默認從此下標開始,取後面所有的
正值
var arr=”sdhgfhf”
var arr1=arr.substr(1)
console.log(arr)// “sdhgfhf”這個是不變的,下面不再列舉
console.log(arr1)// “dhgfhf” 從下標1開始取後面所有的
負值
var arr=”sdhgfhf”
var arr1=arr.substr(-2)
console.log(arr1)// “hf” 從下標-2開始取後面所有的
兩個參數,從第一個下標開始,截取到下標2的長度
var arr=”sdhgfhf”
var arr1=arr.substr(1,3)
console.log(arr1)// “dhg” 從下標1開始取後面所有的 同理如果為負值,比如(-6,3)則為”hjf”;後面的始終為長度
總結:此方法需注意不要和數組的混淆,這個是截取長度的
(4)substring 用法arr.substring(m,n) 兩個參數,m必須,起始位置 ,n選填,截取下標的結束位置,此用法和上面slice有點類似,但是需要注意的是此方法是不支持負值的
示例如下:
只有一個參數
var arr=”sdhgfhf”
var arr1=arr.substring(1)
console.log(arr1)//”dhgfhf”從下標1開始取後面所有的
兩個參數
var arr=”sdhgfhf”
var arr1=arr.substring(1,3)
console.log(arr1)// “dh”從下標1開始截取到下標3,但是不包含3
總結:此方法不支持負值,只針對下標來截取的
最後,以上主要是總結的數組的一些簡單的操作方法,學無止境,繼續努力。
JS 數組的 push 與 concat 區別
1、功能不同
push() 方法可向數組的末尾添加一個或多個元素,並返回新的長度。
concat() 方法用於連接兩個或多個數組,該方法不會改變現有的數組,而僅僅會返回被連接數組的一個副本。
2、函數不同
push() :
var a = [1,2,3,4];
a.push(5); //a 現在是1,2,3,4,5
concat() :
var a = [1,2,3,4];
var b = [5,6];
var c = a.concat(b); // a,b 數組都不變,c變成了1,2,3,4,5,6
擴展資料:
push是一個彙編術語,實現壓入操作的指令是PUSH指令,實現彈出操作的指令是POP指令。
push() 說明
push() 方法可把它的參數順序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是創建一個新的數組。push() 方法和 pop() 方法使用數組提供的先進後出棧的功能。
concat() 返回值
返回一個新的數組。該數組是通過把所有 arrayX 參數添加到 arrayObject 中生成的。如果要進行 concat() 操作的參數是數組,那麼添加的是數組中的元素,而不是數組。
例子
把 concat() 中的參數連接到數組 a 中:
script type=”text/javascript”
var a = [1,2,3];
document.write(a.concat(4,5));
/script
輸出:1,2,3,4,5
參考資料來源: 百度百科-push (彙編術語)
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/247018.html