ES5和ES6新的運算元組的方法(常用)

u個陽光發表於2018-10-17

// 普通的for迴圈
// var arr = [`張飛`, `趙雲`, `馬超`, `劉備`]
// for (var i = 0; i < arr.length; i++) {
// console.log(arr[i])
// }

 

// forEach方法:
// 讓陣列中的每個元素都執行一次function
// var arr = [`張飛`, `趙雲`, `馬超`, `劉備`]
// arr.forEach(function(item, index) {
// console.log(item, index)
// })

 

// map方法 對映
// map方法和forEach很像, 要求每個函式都返回一個結果, 得到一個新陣列
// var arr = [1, 2, 3, 4]
// // 要求: 給陣列的每一項都求平方 [1, 4, 9, 16]
// let newArr = arr.map(function(item, index) {
// return item * item
// })
// console.log(newArr)
// var arr = [
// { id: 1, age: 18 },
// { id: 2, age: 20 },
// { id: 3, age: 55 },
// { id: 4, age: 40 }
// ]
// // 要求:求出最大的age
// var newArr = arr.map(function(item) {
// return item.age
// })
// var max = Math.max.apply(null, newArr)
// console.log(max)

 

// filter方法的使用
// filter:過濾, 和map一樣,也會返回新陣列,保留哪些返回true的元素
// 將陣列中工資超過5000的值刪除
// var arr = [1000, 5000, 20000, 3000, 10000, 800, 1500]
// var newArr = arr.filter(function(item) {
// return item <= 5000 // 如果值小於等於5000 返回true
// })
// console.log(newArr)

 

// some: 一些
// some方法整體會返回一個布林值, 如果有某一個函式返回了true,那麼整個結果就是true
// 判斷陣列中是否包含奇數。。 陣列中是否全是偶數
// var arr = [2, 4, 6, 8, 10, 12]
// let flag = arr.some(function(item) {
// return item % 2 === 1
// })
// console.log(flag)

 

// every: 每個
// every方法會返回一個布林值, 如果所有的函式都返回true,結果才是true
// 判斷陣列中的元素是否全是偶數
// var arr = [2, 4, 6, 8, 10, 12]
// var flag = true // 假設全是偶數
// for (var i = 0; i < arr.length; i++) {
// if (arr[i] % 2 === 1) {
// flag = false
// break
// }
// }
// if (flag) {
// console.log(`全是偶數`)
// } else {
// console.log(`不全是偶數`)
// }
// var arr = [2, 4, 6, 8, 10, 11]
// let flag = arr.every(function(item) {
// return item % 2 === 0
// })
// console.log(flag)

 

// find: 查詢
// 返回陣列中第一個返回true的那個值
// var array = [5, 12, 8, 130, 44]
// let result = array.find(function(item) {
// return item > 10
// })
// console.log(result)

 

// findIndex: 返回陣列中第一個返回true的那個值的下標
// var array = [5, 12, 8, 130, 44]
// let result = array.findIndex(function(item) {
// return item > 10
// })
// console.log(result)

 

var arr = [
{ id: 1, age: 18 },
{ id: 2, age: 20 },
{ id: 3, age: 55 },
{ id: 4, age: 40 }
]
// 需求: 把age為20的那項刪除
var idx = arr.findIndex(function(item) {
return item.age === 20
})
arr.splice(idx, 1)
console.log(arr)

相關文章