好程序員分享JavaScript 學(xué)習(xí)筆記 ES5 中常見的數(shù)組方法 , ES5 中常見的數(shù)組常用方法
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),耀州企業(yè)網(wǎng)站建設(shè),耀州品牌網(wǎng)站建設(shè),網(wǎng)站定制,耀州網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,耀州網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
之前我們講過的數(shù)組常用方法都是ES3 的方法 , 今天來說一些ES5 中的方法 。
· indexOf 用來找到數(shù)組中某一項(xiàng)的索引
· 語法: indexOf(你要找的數(shù)組中的項(xiàng))
var arr = [ 1 , 2 , 3 , 4 , 5 ]
// 使用 indexOf 超找數(shù)組中的某一項(xiàng) var index = arr.indexOf( 3 )
console.log(index) // 2
· 我們要找的是數(shù)組中值為 3 的那一項(xiàng)
· 返回的就是值為 3 的那一項(xiàng)在該數(shù)組中的索引
· 如果你要找的內(nèi)容在數(shù)組中沒有,那么就會(huì)返回 -1
var arr = [ 1 , 2 , 3 , 4 , 5 ]
// 使用 indexOf 超找數(shù)組中的某一項(xiàng) var index = arr.indexOf( 10 )
console.log(index) // -1
· 你要找的值在數(shù)組中不存在,那么就會(huì)返回 -1
· 和 for 循環(huán)一個(gè)作用,就是用來遍歷數(shù)組的
· 語法:arr.forEach(function (item, index, arr) {})
var arr = [ 1 , 2 , 3 ]
// 使用 forEach 遍歷數(shù)組 arr.forEach( function (item, index, arr) {
// item 就是數(shù)組中的每一項(xiàng) // index 就是數(shù)組的索引 // arr 就是原始數(shù)組 console.log( '數(shù)組的第 ' + index + ' 項(xiàng)的值是 ' + item + ',原始數(shù)組是' , arr)})
· forEach() 的時(shí)候傳遞的那個(gè)函數(shù),會(huì)根據(jù)數(shù)組的長(zhǎng)度執(zhí)行
· 數(shù)組的長(zhǎng)度是多少,這個(gè)函數(shù)就會(huì)執(zhí)行多少回
· 和 forEach 類似,只不過可以對(duì)數(shù)組中的每一項(xiàng)進(jìn)行操作,返回一個(gè)新的數(shù)組
var arr = [ 1 , 2 , 3 ]
// 使用 map 遍歷數(shù)組 var newArr = arr.map( function (item, index, arr) {
// item 就是數(shù)組中的每一項(xiàng) // index 就是數(shù)組的索引 // arr 就是原始數(shù)組 return item + 10 })
console.log(newArr) // [11, 12, 13]
· 和 map 的使用方式類似,按照我們的條件來篩選數(shù)組
· 把原始數(shù)組中滿足條件的篩選出來,組成一個(gè)新的數(shù)組返回
var arr = [ 1 , 2 , 3 ]
// 使用 filter 過濾數(shù)組 var newArr = arr.filter( function (item, index, arr) {
// item 就是數(shù)組中的每一項(xiàng) // index 就是數(shù)組的索引 // arr 就是原始數(shù)組 return item > 1 })
console.log(newArr) // [2, 3]
· 我們?cè)O(shè)置的條件就是 > 1
· 返回的新數(shù)組就會(huì)是原始數(shù)組中所有 > 1 的項(xiàng)