亚洲视频二区_亚洲欧洲日本天天堂在线观看_日韩一区二区在线观看_中文字幕不卡一区

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.430618.com 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

JAVAScript高級進階課程中ES6內容 給我們編程帶來了很多便利,以前用大量代碼實現的功能現在變得非常簡潔,總結了工作中經常使用的 5個 JavaScript 技巧,希望對你也有幫助。

(1)、找出數組中的最大值或最小值

const array = [ 1, 10, -19, 2, 7, 100 ]
console.log('max value', Math.max(...array))
// 100
console.log('min value', Math.min(...array))
// -19

(2)、計算數組的總和

如果有一個數字數組,得到它們總和的最快方法是什么?

const array = [ 1, 10, -19, 2, 7, 100 ]
const sum = array.reduce((sum, num) => sum + num)
// 101

(3)、展平多層數組

解決方法 1

const array = [ 1, [ 2, [ 3, [ 4, [ 5 ] ] ] ] ]
const flattenArray = (array) => {
return array.reduce((res, it) => {
return res.concat(Array.isArray(it) ? flattenArray(it) : it)
}, [])}
console.log(flattenArray(array)) // [1, 2, 3, 4, 5]

解決方法 2

const array = [ 1, [ 2, [ 3, [ 4, [ 5 ] ] ] ] ]
console.log(array.flat(Infinity)) // [1, 2, 3, 4, 5]

(4)、檢查數組是否包含值

當我們遇到對象數組時判斷數據是否符合預期可以使用ES6 findIndex 方法

const array = [
{ name: '張無忌' },
{ name: '趙敏' },
{ name: '高圓圓' }
]
const index = array.findIndex((it) => it.name === '張無忌')
// 0

(5)、使用“includes”方法進行判斷

你一定見過這樣的判斷方法,雖然,可以達到條件判斷的目的,但是不怎么優雅。

const value = '0'
if (value === '0' || value === '1' || value === '2') {
console.log('hello 源碼')
// hello 源碼
}

includes方法讓代碼更簡單甚至更可擴展

const man = '0'
const woman = '1'
const unknow = '2'
const conditions = [ man , woman , unknow ]
const value = '0'
if (conditions.includes(value)) {
console.log('hello源碼')
// hello 源碼
}

分享到:
標簽:JavaScript
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定