數(shù)組indexOf(arg) 和 lastIndexOf(arg)方法使用

<script type="text/javascript" charset="utf-8">/*** indexOf(arg):返回指定參數(shù)在數(shù)組中的索引位置（從前往后查，比較是使用 ‘===’，查詢到立即返回索引位置），如果沒有則返回 -1* * lastIndexOf(arg):從后往前查arg,如果查詢到則立即返回對(duì)應(yīng)的索引值，如果沒有則返回 -1* * 注：數(shù)組的索引位置都是從 0 開始索引*/var arr=[1,734,23,7,90,4,true,12,1,0,23];console.log("【arr】: "+arr);console.log("【arr.indexOf(23)】："+arr.indexOf(23));console.log("【arr.indexOf(true)】："+arr.indexOf(true));var arr=[1,2,3,4,5,4,3,2,1];console.log("【arr】: "+arr);console.log("【arr.lastIndexOf(3)】： "+arr.lastIndexOf(3));console.log("【arr.lastIndexOf(10)】: "+arr.lastIndexOf(10));/********************* 【開始】運(yùn)行結(jié)果 ********************【arr】: 1,734,23,7,90,4,true,12,1,0,23【arr.indexOf(23)】：2【arr】: 1,2,3,4,5,4,3,2,1【arr.lastIndexOf(3)】： 6【arr.lastIndexOf(10)】: -1 ********************* 【結(jié)束】運(yùn)行結(jié)果 ********************/</script>

數(shù)組every迭代

<script type="text/javascript" charset="utf-8"> /*** 數(shù)組五個(gè)新的迭代方法（ECMA5 數(shù)組新特性）：every、filter、some、reduce、reduceRight* every:循環(huán)迭代并回調(diào)every參數(shù)中函數(shù)，循環(huán)迭代函數(shù)處理的結(jié)果如果都為true則返回true，否則返回false（類似于邏輯關(guān)系&&）* * @return boolean*/var arr=[87,12,9,5,34,5,0];var result=arr.every(function(item,index,arr){// item:循環(huán)迭代到的值// index:循環(huán)迭代到的索引位置// arr:循環(huán)的數(shù)組console.log("item: "+item+" ,index: "+index+", arr: "+arr);return item>3;});console.log("arr: "+arr); console.log("arr.every(): "+result); /********************* 【開始】運(yùn)行結(jié)果 ********************item: 87 ,index: 0, arr: 87,12,9,5,34,5,0item: 12 ,index: 1, arr: 87,12,9,5,34,5,0item: 9 ,index: 2, arr: 87,12,9,5,34,5,0item: 5 ,index: 3, arr: 87,12,9,5,34,5,0item: 34 ,index: 4, arr: 87,12,9,5,34,5,0item: 5 ,index: 5, arr: 87,12,9,5,34,5,0item: 0 ,index: 6, arr: 87,12,9,5,34,5,0arr: 87,12,9,5,34,5,0arr.every(): false********************* 【結(jié)束】運(yùn)行結(jié)果 ********************/</script>

數(shù)組filter迭代

<script type="text/javascript" charset="utf-8"> /*** filter:循環(huán)迭代數(shù)組中符合條件的數(shù)據(jù)(返回符合篩選條件的元素，不影響被操作的對(duì)象)* * @return [符合篩選條件的元素，符合篩選條件的元素、、、]*/var arr=[87,12,9,5,34,5,0];var result=arr.filter(function(item,index,arr){return item>10;});console.log("arr: "+arr);console.log("arr.filter(): "+result);/********************* 【開始】運(yùn)行結(jié)果 ********************arr: 87,12,9,5,34,5,0arr.filter(): 87,12,34********************* 【結(jié)束】運(yùn)行結(jié)果 ********************/</script>

數(shù)組some迭代

<script type="text/javascript" charset="utf-8"> /*** some:循環(huán)迭代并運(yùn)行函數(shù)中的回調(diào)函數(shù)，若回調(diào)參函數(shù)運(yùn)行結(jié)果含義true則返回true，否則返回false（類似于邏輯關(guān)系 || ）* * @return boolean*/var arr=[87,12,9,5,34,5,0];var result=arr.some(function(item,index,arr){return item<3;});console.log("arr: "+arr);console.log("arr.some(): "+result);/********************* 【開始】運(yùn)行結(jié)果 ********************arr: 87,12,9,5,34,5,0arr.some(): true********************* 【結(jié)束】運(yùn)行結(jié)果 ********************/ </script>

數(shù)組reduce迭代

<script type="text/javascript" charset="utf-8"> /*** reduce: 從左往右順序迭代（默認(rèn)從索引1位置開始順序迭代）* * @param {Object} pre 上一次循環(huán)迭代的返回值* @param {Object} cur 循環(huán)迭代當(dāng)前的值（默認(rèn)從索引1位置開始順序迭代）* @param {Object} index 循環(huán)迭代處的索引位置* @param {Object} array 循環(huán)迭代的對(duì)象*/var arr=[87,12,9,5,34,5,0];var result=arr.reduce(function(pre,cur,index,array){console.log("index:"+index+" , pre:"+pre+" , cur:"+cur+" , array:"+array);return pre+cur;});console.log("result: "+result);/********************* 【開始】運(yùn)行結(jié)果 ********************index:1 , pre:87 , cur:12 , array:87,12,9,5,34,5,0index:2 , pre:99 , cur:9 , array:87,12,9,5,34,5,0index:3 , pre:108 , cur:5 , array:87,12,9,5,34,5,0index:4 , pre:113 , cur:34 , array:87,12,9,5,34,5,0index:5 , pre:147 , cur:5 , array:87,12,9,5,34,5,0index:6 , pre:152 , cur:0 , array:87,12,9,5,34,5,0result: 152********************* 【結(jié)束】運(yùn)行結(jié)果 ********************/ </script>

數(shù)組reduceRight迭代

<script type="text/javascript" charset="utf-8"> /*** reduceRight: 從右往左順序迭代（默認(rèn)從數(shù)組倒數(shù)第二個(gè)元素位置開始從右往左順序迭代）* * @param {Object} pre 上一次循環(huán)迭代的返回值* @param {Object} cur 循環(huán)迭代當(dāng)前的值（默認(rèn)從數(shù)組倒數(shù)第二個(gè)元素位置開始從右往左順序迭代）* @param {Object} index 循環(huán)迭代處的索引位置* @param {Object} array 循環(huán)迭代的對(duì)象*/ var arr=[87,12,9,5,34,5,0]; var result=arr.reduceRight(function(pre,cur,index,array){console.log("index:"+index+" , pre:"+pre+" , cur:"+cur+" , array:"+array);return pre+cur;});console.log("result: "+result);/********************* 【開始】運(yùn)行結(jié)果 ********************index:5 , pre:0 , cur:5 , array:87,12,9,5,34,5,0index:4 , pre:5 , cur:34 , array:87,12,9,5,34,5,0index:3 , pre:39 , cur:5 , array:87,12,9,5,34,5,0index:2 , pre:44 , cur:9 , array:87,12,9,5,34,5,0index:1 , pre:53 , cur:12 , array:87,12,9,5,34,5,0index:0 , pre:65 , cur:87 , array:87,12,9,5,34,5,0result: 152********************* 【結(jié)束】運(yùn)行結(jié)果 ********************/ </script>

總結(jié)

以上是生活随笔為你收集整理的JavaScript学习随记——数组二的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。