摘要:對象簡潔表示法原來寫法簡潔寫法方法返回一個新數(shù)組,數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值。方法按照原始數(shù)組元素順序依次處理元素。注意不會對空數(shù)組進行檢測。運行結(jié)果為舉例說明二其中是函數(shù),當沒有第二個參數(shù)時。有三個參數(shù),并沒有深入研究。
1.對象簡潔表示法
原來寫法
var name = "lzf"; var gender = "male"; var fn = function(){console.log(1);} var obj = { name:name, gender:gender, fn:fn, fn2:function(){ console.log(2) } }; console.log( obj ); obj.fn2(); obj.fn();
簡潔寫法
var name = "zm"; var gender = "male"; var fn = function(){console.log(1);} var obj = { name, gender, fn, fn2(){ console.log(2) } }; console.log( obj ); obj.fn2(); obj.fn();2.Array.map( )
map( ): 方法返回一個新數(shù)組,數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值。
map( ): 方法按照原始數(shù)組元素順序依次處理元素。
注意: map() 不會對空數(shù)組進行檢測。
注意: map() 不會改變原始數(shù)組。
舉例一:
var arr=[10,,12,13]; //item:表示數(shù)組每一項的值 //index:表示下標 //arr:表示數(shù)組 var res=arr.map(function (item,index,arr) { console.log( item,index,arr ); })
運行結(jié)果:
舉例二:
var arr=[10,11,12]; var res=arr.map(function (item,index,arr) { console.log( item,index,arr ); arr.shift(); })
運行結(jié)果:
舉例三:
var arr = [100,,300]; arr[10] = 1000; var res = arr.map( function(item){ return item * 10 } ); console.log( res );//[1000, empty, 3000, empty × 7, 10000] console.log( arr );//[100, empty, 300, empty × 7, 1000]3.Array.filter( )
filter( ) : 方法創(chuàng)建一個新的數(shù)組,新數(shù)組中的元素是通過檢查指定數(shù)組中符合條件的所有元素。
注意: filter( ) 不會對空數(shù)組進行檢測。
注意: filter( ) 不會改變原始數(shù)組。
var arr = [1, 5, 8, 7, 2, 4]; var res = arr.filter(item => item < 5); console.log(res);//[1, 2, 4]4.Array.every( )
只要有一次 回調(diào)函數(shù) 執(zhí)行 返回值 為 假 就立刻 停止 并且 every返回值為假
var arr = [1,-5,2,3,34,54,56]; var res = arr.every( item => { console.log( item ); return item > 0; }); console.log( res );
運行結(jié)果:
5.Array.some( )只要 有一次 回調(diào)函數(shù) 執(zhí)行 返回值 為 真 ,就立刻 停止 并且 some返回值為真
var arr = [1,-5,2,3,34,54,56]; var res = arr.some( item => { console.log( item ); return item > 0 } ); console.log( res );
運行結(jié)果:
6.Array.reduce( )舉例說明一:
//reduce( fn[,attr1] ) //其中fn是函數(shù),attr1是參數(shù) //fn函數(shù)有兩個參數(shù)a,b。 //第一次執(zhí)行a的值為attr1,b的值為數(shù)組第0項 //第二次執(zhí)行a指的是第一次執(zhí)行的返回值,b的值為數(shù)組第1項 //第三次執(zhí)行a指的是第二次執(zhí)行的返回值,b的值為數(shù)組第2項 //直到遍歷數(shù)組的全部內(nèi)容,返回最終結(jié)果。 var arr = [1,2,3,4,5]; var res = arr.reduce( function( a,b ){ console.log( a,b ); return a+b },100); console.log( res );
運行結(jié)果為:
舉例說明二:
//reduce( fn ) //其中fn是函數(shù),當沒有第二個參數(shù)時。 //fn函數(shù)有兩個參數(shù)a,b。 //第一次執(zhí)行a的值為數(shù)組第0項,b的值為數(shù)組第1項 //第二次執(zhí)行a指的是第一次執(zhí)行的返回值,b的值為數(shù)組第2項 //第三次執(zhí)行a指的是第二次執(zhí)行的返回值,b的值為數(shù)組第3項 //直到遍歷數(shù)組的全部內(nèi)容,返回最終結(jié)果。 var arr = [1,2,3,4,5]; var res = arr.reduce( function( a,b ){ console.log( a,b ); return a+b }); console.log( res );
運行結(jié)果為:
7.Array.includes( )includes( ) 方法用來判斷一個數(shù)組是否包含一個指定的值,如果是返回 true,否則false。
var arr = [1,2,3,4,undefined,false,5,"a",null,NaN]; console.log( arr.includes( "a" ) );//true console.log( arr.includes( NaN ) );//true console.log( arr.includes( "1" ) );//false console.log( arr.includes( null ) );//true console.log( arr.includes( undefined ) );//true console.log( arr.includes( false ) );//true8.Array.fill( )
fill( ):填充數(shù)組,返回新數(shù)組,改變原來數(shù)組。
這個博客對fill( )的用法寫的更清楚,想進一步了解請點擊
var arr = [1,2,4,3]; var res = arr.fill( ["a","b"]); console.log( arr ); console.log( res );
運行結(jié)果:
9.Array.of( )和Array.from( )Array.of( )
var arr = Array.of( 4,5,6,7 ); console.log( arr );//?[4, 5, 6, 7]
Array.from( ):將類數(shù)組轉(zhuǎn)化為數(shù)組。有三個參數(shù),并沒有深入研究。
運行結(jié)果:
11.Array.find( )和Array.findIndex( )find( )函數(shù)用來查找目標元素,找到就返回該元素,找不到返回undefined。
findIndex( )函數(shù)也是查找目標元素,找到就返回元素的位置,找不到就返回-1。
運行結(jié)果:
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/116847.html
摘要:對象簡潔表示法原來寫法簡潔寫法方法返回一個新數(shù)組,數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值。方法按照原始數(shù)組元素順序依次處理元素。注意不會對空數(shù)組進行檢測。運行結(jié)果為舉例說明二其中是函數(shù),當沒有第二個參數(shù)時。有三個參數(shù),并沒有深入研究。 1.對象簡潔表示法 原來寫法 var name = lzf; var gender = male; var fn = fu...
摘要:已經(jīng)被聲明了舉例說明塊級作用域報錯,常量初始化之后內(nèi)部值不可改必須初始化賦值的問題。不支持預解析不允許重復聲明支持塊級作用域舉例說明報錯,。解決地址引用的方法通過轉(zhuǎn)化為字符串,再轉(zhuǎn)化為對象。此方法存在問題中缺少 1.var , let , const var 1.預解析(變量提升) 2.可以重復聲明變量 let 1.不支持預解析(必須先聲明,后使用...
摘要:已經(jīng)被聲明了舉例說明塊級作用域報錯,常量初始化之后內(nèi)部值不可改必須初始化賦值的問題。不支持預解析不允許重復聲明支持塊級作用域舉例說明報錯,。解決地址引用的方法通過轉(zhuǎn)化為字符串,再轉(zhuǎn)化為對象。此方法存在問題中缺少 1.var , let , const var 1.預解析(變量提升) 2.可以重復聲明變量 let 1.不支持預解析(必須先聲明,后使用...
摘要:已經(jīng)被聲明了舉例說明塊級作用域報錯,常量初始化之后內(nèi)部值不可改必須初始化賦值的問題。不支持預解析不允許重復聲明支持塊級作用域舉例說明報錯,。解決地址引用的方法通過轉(zhuǎn)化為字符串,再轉(zhuǎn)化為對象。此方法存在問題中缺少 1.var , let , const var 1.預解析(變量提升) 2.可以重復聲明變量 let 1.不支持預解析(必須先聲明,后使用...
摘要:但是定時器沒關(guān)。通過變量來控制定時器內(nèi)函數(shù)的執(zhí)行停止播放默認為。方式三通過關(guān)閉定時器來停止輪播圖的運動。,通過傳入定時器的編號來。清除定時器,再開啟定時器。所以,每次打開定時器,先清除前一個。點擊頁面任何一個位置關(guān)閉定時器。 1.定時器 定義:當我們需要隔一段時間,再執(zhí)行一段代碼。或者每隔一段時間,執(zhí)行一段代碼。我們可以使用定時器。使用場景:例如網(wǎng)站輪播圖的自動滾動。廣告延遲彈出的某些...
閱讀 2017·2021-11-24 09:39
閱讀 1155·2021-09-10 11:25
閱讀 1782·2021-09-08 10:42
閱讀 3751·2021-09-06 15:00
閱讀 2507·2019-08-30 15:54
閱讀 3122·2019-08-29 17:08
閱讀 3282·2019-08-29 11:26
閱讀 2848·2019-08-28 18:27