建站
咨詢
售后
建站咨詢
新聞中心
1、Array .of
關(guān)于奇怪的 Array 函數(shù)，眾所周知，我們可以通過Array函數(shù)做以下事情。
專注于為中小企業(yè)提供網(wǎng)站設(shè)計、網(wǎng)站制作服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)沈陽免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了數(shù)千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
初始化指定長度的數(shù)組；設(shè)置數(shù)組的初始值。
// 1. Initialize an array of the specified length
const array1 = Array(3) // [ , , ]
// 2. Set the initial value of the array
const array2 = Array() // []
const array3 = Array(undefined) // [ undefined ]
const array4 = Array(1, 2, 3) // [ 1, 2, 3 ]
傳遞給Array函數(shù)的參數(shù)個數(shù)不一樣，其作用也不一樣。這常常讓我感到困惑。
幸運的是，我們可以使用 Array.of 來彌補 Array 的不足。
// it's not initializing an array of length 3
const array1 = Array.of(3) // [ 3 ]
const array2 = Array.of() // []
const array3 = Array.of(undefined) // [ undefined ]
const array4 = Array.of(1, 2, 3) // [ 1, 2, 3 ]
2、 Array.from
from 方法中，我們可以通過 Array.from 方法將類數(shù)組對象、arguments 對象、NodeList 對象轉(zhuǎn)換為真正的數(shù)組。
1）、類數(shù)組對象
const arrayLike = {
0: 'fatfish',
1: 'medium',
length: 2
}
const array1 = [].slice.call(arrayLike) // ['fatfish', 'medium']
// A more convenient way
const array2 = Array.from(arrayLike) // ['fatfish', 'medium']2）、節(jié)點列表
const domsNodeList = document.querySelectorAll('div')
const domsArray = Array.from(domsNodeList) // [ dom, dom, dom, ... ]3）、 Arguments
const logInfo = function () {
console.log('arguments', arguments)
console.log('Array.from arguments', Array.from(arguments))
}
logInfo('fatfish', 100)
logInfo('fatfish')4）、Array.from的第二個參數(shù)
我們可以使用 Array.from 方法，如“[].map”。
const array = [ 1, 2, 3 ]
const array2 = array.map((num) => num * 2) // [2, 4, 6]
const array3 = Array.from(array, (num) => num * 2) // [2, 4, 6]
3、 includes
當(dāng)滿足其中一個條件時，我們經(jīng)常會寫這樣的判斷語句來做某事。
const num = 1
if (num === 1 || num === 2 || num === 3 || num === 4) {
console.log(num) // 1
}
其實可以通過include方法來簡化代碼。
const nums = [ 1, 2, 3, 4 ]
const num = 1
if (nums.includes(num)) {
console.log(num) // 1
}
4、使用“at方法”讀取數(shù)組的尾部元素
你如何讀取數(shù)組的尾部元素？是的，我們需要以“array.length-1”作為下標(biāo)來讀取。
const array = [ 1, 2, 3, 4, 5 ]
const lastEle = array[ array.length - 1 ] // 5
// You can't read like that
const lastEle = array[ - 1 ] // undefined
還有其他方法嗎？
是的，“at”方法將成為您的魔法。當(dāng)然，您也可以讀取數(shù)組中其他位置的元素。
const array = [ 1, 2, 3, 4, 5 ]
const lastEle = array.at(-1) // 5
const ele1 = array.at(0) // 1
5、 flat
flat() 方法創(chuàng)建一個新數(shù)組，其中所有子數(shù)組元素遞歸連接到指定深度。
const array = [ 1, [ 2, [ 3, [ 4, [ 5 ] ] ] ] ]
// The default depth is 1
const flat1 = array.flat() // [ 1, 2, [ 3, [ 4, [ 5 ] ] ] ]
const flat2 = array.flat(2) // [ 1, 2, 3, [ 4, [ 5 ] ] ]
const flatAll = array.flat(Infinity) // [ 1, 2, 3, 4, 5 ]
6、 findIndex
“findIndex() 方法返回數(shù)組中滿足提供的測試函數(shù)的第一個元素的索引。否則，它返回 -1，表示沒有元素通過測試?！?/p>
const array = [ -1, 0, 10, 10, 20, 100 ]
const index1 = array.findIndex((num) => num < 0) // 0
const index2 = array.findIndex((num) => num >= 10) // 2
最后
以上就是我今天跟你分享的6個關(guān)于ES6中的數(shù)組函數(shù)，如果你覺得有用的話，請記得點贊我，關(guān)注我，并將它分享給你身邊做開發(fā)的朋友，也許能夠幫助到他。
新聞標(biāo)題：六個ES6中很酷的數(shù)組函數(shù)
轉(zhuǎn)載源于：http://www.dlmjj.cn/article/dhhpdso.html
