js中會改變原數組的一些方法

Yangyang 發布于2019-08-26 10:47 / 1620人閱讀

摘要：用來對數組元素進行添加刪除操作刪除元素并返回被刪除的元素從開始刪除個元素返回從開始往后刪除個元素返回刪除并添加元素添加的元素位于數組前面添加的元素返回添加用來對數組進行排序參數為自定義的比較函數升序例如比較函數值說明排在的后面降序例

splice()

splice()用來對數組元素進行添加/刪除操作

const a = [1,2,3,4,5,6,7]

刪除元素并返回被刪除的元素

a.splice(0,3) //從0開始刪除3個元素返回 [4,5,6,7]
console.log(a) //[1,2,3]
a.splice(-1,1) //從-1開始往后刪除1個元素返回　[7]
console.log(a) //[1,2,3,4,5,6]

刪除并添加元素,添加的元素位于數組前面

a.splice(0,2,"添加的元素") //返回　["添加",3,4,5,6,7]

sort()

sort()用來對數組進行排序,參數為自定義的比較函數

const a = [1,2,3,4,5]

升序例如 (a,b) => a-b > 0 比較函數值 > 0 說明 a > b a排在b的后面

a.sort((a,b) => a-b > 0)
console.log(a) //[1,2,3,4,5]

降序例如 (a,b) => a-b < 0 比較函數值 < 0 說明 a < b b排在a的后面

a.sort((a,b) => a-b < 0)
console.log(a) //[5,4,3,2,1]

可總結為比較函數的參數中大的總是排在后面的

pop()

pop()刪除數組中的最后一位元素，并返回刪除的元素

const a = [1,2,3,4]
a.pop() //返回值為 4
console.log(a) //[1,2,3]

push()

push()向數組末尾中添加元素，返回新數組的長度

const a = [1,2,3]
a.push(4) //返回值為 4
console.log(a) //[1,2,3,4]

unshift()

與shift()相對應向數組開始的位置添加元素，返回新數組的長度

const a = [2,3,4]
a.unshift(a) //返回值為 4
console.log(a) //[1,2,3,4]

reverse()

reverse()反轉數組中元素的順序

const a = [1,2,3,4,5]
a.reverse()
console.log(a) //[5,4,3,2,1]

fill()

填充數組fill(value,start,end)
value(必選) 為要填充的元素
start(可選) 填充開始的位置
end(可選) 填充結束的位置，默認為 this.length

const a = [1,2,3,4]
a.fill(5) //[7,7,7,7]

const a = [1,2,3,4]
a.fill("a",1,2) //[1,"a",3,4]

copyWithin()

將指定位置的元素復制到其他位置，不改變原數組的長度copyWithin(target,start,end)
target(必選) 復制后的目標在這個位置開始替換初始的元素，若復制了一個元素則從這開始往后替換一個，復制了兩個則替換兩個，以此類推，若值為代表倒數從后開始替換
start(可選) 開始復制的位置包括復制時包括此元素，默認為 0
end(可選) 復制結束的位置，復制時不包括此位置，默認為 this.length

const a =[1,2,3,4,5,6]
a.copyWithin(0,2,4)
console.log(a) //[3,4,3,4,5,6]

GPU云服務器云服務器 js創建數組的方法數據分析的一些方法 js 監聽數組改變改變java數組的值

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/106763.html

js 中數組的常用方法總結

摘要：在為的位置，刪除個元素，插入刪了為的元素，替換為刪了為的元素數組的增刪改都可以用完成返回從原數組中指定開始下標到結束下標之間的項組成的新數組該方法不會改變原始數組。不傳值表示克隆了除了正常用法，經常用來將對象轉換為。 js 中數組的常用方法總結 arr.fill(a);//所有子元素都改為 a; [{a: 1},{b: 2}, ...Array(8).fill({}, 0)] //...

luckyw 2019-08-22 17:25 評論0 收藏0
那些年，前端學習之路的疑難雜癥（三）：數組和Date的一些梳理

摘要：將指定的數字索引值轉換成字符串索引值變成，然后將其作為屬性名來用。返回一個由刪除元素組成的數組。該方法返回的數組元素是調用的數組的一個子集。使用的函數有四個參數初始值積累值數組元素元素索引數組本身。前言很多人在學習原生JS的過程中會遇到一些疑惑，比如在學習array時，就很容易搞不清哪些方法會改變原來數組，哪些方法不會改變原來數組？再比如很多人會使用new Date()獲取時間，卻...

xeblog 2019-08-21 11:33 評論0 收藏0
面試官問你基本類型時他想知道什么

摘要：前言面試的時候我們經常會被問答的數據類型。大部分情況我們會這樣回答包括基本類型值類型或者原始類型以及的引用類型等我曾經也是這樣回答的，并且一直覺得沒有什么問題。前言: 面試的時候我們經常會被問答js的數據類型。大部分情況我們會這樣回答包括1、基本類型（值類型或者原始類型）： Number、Boolean、String、NULL、Undefined以及ES6的Symbol2、引用類型：...

AlienZHOU 2019-08-23 16:41 評論0 收藏0
溫故知新之JS基礎

摘要：訪問屬性是通過操作符完成的，但這要求屬性名必須是一個有效的變量名小紅的屬性名不是一個有效的變量，就需要用括起來。閉包應用封裝私有變量箭頭函數箭頭函數相當于匿名函數，并且簡化了函數定義。數據類型 NAN NaN === NaN; // false 唯一能判斷NaN的方法是通過isNaN()函數： isNaN(NaN); // true 浮點數的相等比較： 1 / 3 === (...

Dr_Noooo 2019-08-20 11:29 評論0 收藏0
「JavaScript」帶你徹底搞清楚深拷貝、淺拷貝和循環引用

摘要：引用類型值指的是那些保存在堆內存中的對象，所以引用類型的值保存的是一個指針，這個指針指向存儲在堆中的一個對象。因此當操作結束后，這兩個變量實際上指向的是同一個在堆內存中的對象，改變其中任意一個對象，另一個對象也會跟著改變。一、為什么有深拷貝和淺拷貝？ ???? 這個要從js中的數據類型說起，js中數據類型分為基本數據類型和引用數據類型。 ????基本類型值指的是那些保存在棧內存中的簡...

Mike617 2019-08-22 17:33 評論0 收藏0