包含js數組concatpush的詞條

本文目錄一覽:

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-hant/n/247018.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-12-12 13:18
下一篇 2024-12-12 13:18

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python導入數組

    本文將為您詳細闡述Python導入數組的方法、優勢、適用場景等方面,並附上代碼示例。 一、numpy庫的使用 numpy是Python中一個強大的數學庫,其中提供了非常豐富的數學函…

    編程 2025-04-29
  • Python返回數組:一次性搞定多種數據類型

    Python是一種多用途的高級編程語言,具有高效性和易讀性的特點,因此被廣泛應用於數據科學、機器學習、Web開發、遊戲開發等各個領域。其中,Python返回數組也是一項非常強大的功…

    編程 2025-04-29
  • Python去掉數組的中括號

    在Python中,被中括號包裹的數據結構是列表,列表是Python中非常常見的數據類型之一。但是,有些時候我們需要將列表展開成一維的數組,並且去掉中括號。本文將為大家詳細介紹如何用…

    編程 2025-04-29
  • Python操作數組

    本文將從多個方面詳細介紹如何使用Python操作5個數組成的列表。 一、數組的定義 數組是一種用於存儲相同類型數據的數據結構。Python中的數組是通過列表來實現的,列表中可以存放…

    編程 2025-04-29
  • 解析js base64並轉成unit

    本文將從多個方面詳細介紹js中如何解析base64編碼並轉成unit格式。 一、base64編碼解析 在JavaScript中解析base64編碼可以使用atob()函數,它會將b…

    編程 2025-04-29
  • Node.js使用Body-Parser處理HTTP POST請求時,特殊字符無法返回的解決方法

    本文將解決Node.js使用Body-Parser處理HTTP POST請求時,特殊字符無法返回的問題。同時,給出一些相關示例代碼,以幫助讀者更好的理解並處理這個問題。 一、問題解…

    編程 2025-04-29
  • Python二維數組對齊輸出

    本文將從多個方面詳細闡述Python二維數組對齊輸出的方法與技巧。 一、格式化輸出 Python中提供了格式化輸出的方法,可以對輸出的字符串進行格式化處理。 names = [‘A…

    編程 2025-04-29
  • Java創建一個有10萬個元素的數組

    本文將從以下方面對Java創建一個有10萬個元素的數組進行詳細闡述: 一、基本介紹 Java是一種面向對象的編程語言,其強大的數組功能可以支持創建大規模的多維數組以及各種複雜的數據…

    編程 2025-04-28
  • Python數組隨機分組用法介紹

    Python數組隨機分組是一個在數據分析與處理中常用的技術,它可以將一個大的數據集分成若干組,以便於進行處理和分析。本文將從多個方面對Python數組隨機分組進行詳細的闡述,包括使…

    編程 2025-04-28

發表回復

登錄後才能評論