Js數(shù)組處理方式整理

SKYZACK 發(fā)布于2019-08-20 16:10 / 1691人閱讀

摘要：它的參數(shù)是一個回調函數(shù)，數(shù)組中的每一個成員依次執(zhí)行這個回調函數(shù)。顛倒數(shù)組中元素的順序。該參數(shù)是數(shù)組片斷結束處的數(shù)組下標。會改變原數(shù)組必需。整數(shù)，規(guī)定添加刪除項目的位置，使用負數(shù)可從數(shù)組結尾處規(guī)定位置。把數(shù)組轉換為本地數(shù)組，并返回結果。

數(shù)組的轉化

Array.from將類似數(shù)組的對象和可遍歷的對象轉為真正的數(shù)組

var arr1 = Array.from(arrayLikeObj); //ES6

var arr2 = [ ].slice.call(arrayLikeObj): //ES5

Array.of將一組值轉換為數(shù)組

Array.of(3,11,7) // [3,11,7]

數(shù)組的復制

copyWithin將指定位置的成員復制到其它位置（會覆蓋原有成員），然后返回當前數(shù)組。
此方法會修改原數(shù)組。

Array.prototype.copyWithin(target, start = 0, end = this.length)

接受三個參數(shù)

* target（必需）：從該位置開始替換數(shù)據(jù)
* start（可選）：從該位置開始讀取數(shù)據(jù)，默認為0，如果是負值，表示倒數(shù)（右邊第一位為-1）
* end（可選）：到該位置前停止讀取數(shù)據(jù)，默認為數(shù)組長度，如果是負值，表示倒數(shù)

[1,2,3,4,5,6].copyWithin(0,2) // [3,4,5,6,5,6]

[1, 2, 3, 4, 5].copyWithin(0, -2, -1) // [4, 2, 3, 4, 5]

數(shù)組的查找

查找成員

find方法用于找出第一個符合條件的數(shù)組成員。它的參數(shù)是一個回調函數(shù)，數(shù)組中的每一個成員依次執(zhí)行這個回調函數(shù)。
如果找到第一個符合條件的成員，返回該成員。如果沒有符合條件的，則返回undefined

[1, 5, 10, 15].find(function(value, index, arr) {
  return value > 9;
}) // 10

find方法的回調函數(shù)接受三個參數(shù)
value：當前值
index：當前位置
arr：原數(shù)組

查找成員位置

[1, 5, 10, 15].findIndex(function(value, index, arr) {
  return value > 9;
}) // 2

indexOf也可以返回成員位置，如果不存在，則返回-1，所以很多時候也用來判斷成員是否存在

if (arr.indexOf(el) !== -1) {
    ... // el不存在數(shù)組中時執(zhí)行
}

-判斷成員是否存在

include方法判斷某個給定值是否存在數(shù)組中，返回布爾值。

[1, 2, 3].includes(2); // true
[1, 2, 3].includes(4); // false
[1, 2, NaN].includes(NaN); // true

數(shù)組的填充

使用fill()給定值填充數(shù)組

接受三個參數(shù)
target（必需）：用該數(shù)值填充數(shù)組
start（可選）：從該位置開始填充，不接收負值
end（可選）：到該位置前停止填充

["a", "b", "c"].fill(7, 1, 2) // ["a",7,"c"]

數(shù)組的遍歷取值

鍵名遍歷：keys( )
鍵值遍歷：values( )
鍵值對遍歷：entries( )

可以用for...of循環(huán)遍歷

for (let index of ["a", "b"].keys()) {
  console.log(index);}
// 0
// 1

for (let elem of ["a", "b"].values()) {
  console.log(elem);}
// "a"
// "b"

for (let [index, elem] of ["a", "b"].entries()) {
  console.log(index, elem);}
// 0 "a"
// 1 "b"

數(shù)組的元素操作

concat()連接兩個或更多的數(shù)組，并返回結果。
arr1.concat(arr2)

ES6中可利用擴展運算符直接寫成
[ ...arr1,...arr2]

join()把數(shù)組的所有元素放入一個字符串。元素通過指定的分隔符進行分隔。

pop()刪除并返回數(shù)組的最后一個元素

push()向數(shù)組的末尾添加一個或更多元素，并返回新的長度。

reverse()顛倒數(shù)組中元素的順序。

shift()刪除并返回數(shù)組的第一個元素

slice()
從某個已有的數(shù)組返回選定的元素（返回一個新數(shù)組）

arr.slice(start,end)

start

必需。規(guī)定從何處開始選取。如果是負數(shù)，那么它規(guī)定從數(shù)組尾部開始算起的位置。也就是說，-1 指最后一個元素，-2 指倒數(shù)第二個元素，以此類推。

end

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

sort()
對數(shù)組的元素進行排序（按照字符編碼的順序）

如果要按照數(shù)值大小對數(shù)字排序，必須使用一個排序函數(shù)arr.sort(sortNumber)

splice()刪除元素，并向數(shù)組添加新元素。會改變原數(shù)組

arr.splice(index,howmany,item1,.....,itemX)

index

必需。整數(shù)，規(guī)定添加/刪除項目的位置，使用負數(shù)可從數(shù)組結尾處規(guī)定位置。

howmany

必需。要刪除的項目數(shù)量。如果設置為 0，則不會刪除項目。

item1, ..., itemX

可選。向數(shù)組添加的新項目。

toSource()返回該對象的源代碼。

toString()把數(shù)組轉換為字符串，并返回結果。

toLocaleString()把數(shù)組轉換為本地數(shù)組，并返回結果。

unshift()向數(shù)組的開頭添加一個或更多元素，并返回新的長度。

valueOf()返回數(shù)組對象的原始值

參考阮一峰《ECMAScript 6 入門》：http://es6.ruanyifeng.com/#do...

云服務器 GPU云服務器圖片處理方式數(shù)據(jù)處理的方式 php合并數(shù)組方式數(shù)組處理

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

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

【重溫基礎】JS中的常用高階函數(shù)介紹

摘要：也可以直接調用內置方法常用高階函數(shù)方法的作用是接收一個函數(shù)作為參數(shù)，對數(shù)組中每個元素按順序調用一次傳入的函數(shù)并返回結果，不改變原數(shù)組，返回一個新數(shù)組。 Ps. 晚上加班到快十點，回來趕緊整理整理這篇文章，今天老大給我推薦了一篇文章，我從寫技術博客中收獲到了什么？- J_Knight_，感受也是很多，自己也需要慢慢養(yǎng)成記錄博客的習慣，即使起步艱難，難以堅持，但還是要讓自己加油加油。前...

gitmilk 2019-08-23 13:53 評論0 收藏0
【重溫基礎】21.高階函數(shù)

摘要：歡迎您的支持系列目錄復習資料資料整理個人整理重溫基礎篇重溫基礎對象介紹重溫基礎對象介紹重溫基礎介紹重溫基礎相等性判斷重溫基礎閉包重溫基礎事件本章節(jié)復習的是中的高階函數(shù)，可以提高我們的開發(fā)效率。本文是重溫基礎系列文章的第二十一篇。今日感受：想家。本人自己整理的【Cute-JavaScript】資料，包含：【ES6/ES7/ES8/ES9】，【JavaScript基礎...

wua_wua2012 2019-08-23 15:05 評論0 收藏0
前端開發(fā)知識點整理

摘要：前言本文主要是有關前端方面知識按照目前的認知進行的收集歸類概括和整理，涵蓋前端理論與前端實踐兩方面。前言：本文主要是有關前端方面知識按照 XX 目前的認知進行的收集、歸類、概括和整理，涵蓋『前端理論』與『前端實踐』兩方面。本文會告訴你前端需要了解的知識大致有什么，看上去有很多，但具體你要學什么，還是要 follow your heart & follow your BOSS。初衷...

Blackjun 2019-08-20 17:14 評論0 收藏0
前端開發(fā)知識點整理

摘要：前言本文主要是有關前端方面知識按照目前的認知進行的收集歸類概括和整理，涵蓋前端理論與前端實踐兩方面。前言：本文主要是有關前端方面知識按照 XX 目前的認知進行的收集、歸類、概括和整理，涵蓋『前端理論』與『前端實踐』兩方面。本文會告訴你前端需要了解的知識大致有什么，看上去有很多，但具體你要學什么，還是要 follow your heart & follow your BOSS。初衷...

Sike 2019-08-29 12:44 評論0 收藏0
前端開發(fā)知識點整理

摘要：前言本文主要是有關前端方面知識按照目前的認知進行的收集歸類概括和整理，涵蓋前端理論與前端實踐兩方面。前言：本文主要是有關前端方面知識按照 XX 目前的認知進行的收集、歸類、概括和整理，涵蓋『前端理論』與『前端實踐』兩方面。本文會告訴你前端需要了解的知識大致有什么，看上去有很多，但具體你要學什么，還是要 follow your heart & follow your BOSS。初衷...

tracy 2019-08-01 16:59 評論0 收藏0