国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JS基礎入門篇(四十三)—ES6(二)

劉厚水 / 3062人閱讀

摘要:對象簡潔表示法原來寫法簡潔寫法方法返回一個新數組,數組中的元素為原始數組元素調用函數處理后的值。方法按照原始數組元素順序依次處理元素。注意不會對空數組進行檢測。運行結果為舉例說明二其中是函數,當沒有第二個參數時。有三個參數,并沒有深入研究。

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( ): 方法返回一個新數組,數組中的元素為原始數組元素調用函數處理后的值。
map( ): 方法按照原始數組元素順序依次處理元素。

注意: map() 不會對空數組進行檢測。
注意: map() 不會改變原始數組。

舉例一:

    var arr=[10,,12,13];
    //item:表示數組每一項的值
    //index:表示下標
    //arr:表示數組
    var res=arr.map(function (item,index,arr) {
        console.log( item,index,arr );
    })

運行結果:

舉例二:

var arr=[10,11,12];
var res=arr.map(function (item,index,arr) {
      console.log( item,index,arr );
      arr.shift();
})

運行結果:

舉例三:

    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( ) : 方法創建一個新的數組,新數組中的元素是通過檢查指定數組中符合條件的所有元素

注意: filter( ) 不會對空數組進行檢測。
注意: filter( ) 不會改變原始數組。

var arr = [1, 5, 8, 7, 2, 4];
var res = arr.filter(item => item < 5);
console.log(res);//[1, 2, 4]
4.Array.every( )

只要有一次 回調函數 執行 返回值 為 假 就立刻 停止 并且 every返回值為假

    var arr = [1,-5,2,3,34,54,56];
    var res = arr.every( item => {
        console.log( item );
        return item > 0;
    });
    console.log( res );

運行結果:

5.Array.some( )

只要 有一次 回調函數 執行 返回值 為 ,就立刻 停止 并且 some返回值為真

    var arr = [1,-5,2,3,34,54,56];
    var res = arr.some( item => {
        console.log( item );
        return item > 0
    } );
    console.log( res );

運行結果:

6.Array.reduce( )

舉例說明一:

 //reduce( fn[,attr1] )
 //其中fn是函數,attr1是參數
 //fn函數有兩個參數a,b。
 //第一次執行a的值為attr1,b的值為數組第0項
 //第二次執行a指的是第一次執行的返回值,b的值為數組第1項
 //第三次執行a指的是第二次執行的返回值,b的值為數組第2項
 //直到遍歷數組的全部內容,返回最終結果。
 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 );

運行結果為:

舉例說明二:

//reduce( fn )
//其中fn是函數,當沒有第二個參數時。
//fn函數有兩個參數a,b。
//第一次執行a的值為數組第0項,b的值為數組第1項
//第二次執行a指的是第一次執行的返回值,b的值為數組第2項
//第三次執行a指的是第二次執行的返回值,b的值為數組第3項
//直到遍歷數組的全部內容,返回最終結果。
var arr = [1,2,3,4,5];
var res = arr.reduce( function( a,b ){
    console.log( a,b );
    return a+b
    });
console.log( res );

運行結果為:

7.Array.includes( )

includes( ) 方法用來判斷一個數組是否包含一個指定的值,如果是返回 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 ) );//true
8.Array.fill( )

fill( ):填充數組,返回新數組,改變原來數組。

這個博客對fill( )的用法寫的更清楚,想進一步了解請點擊

var arr = [1,2,4,3];
var res = arr.fill( ["a","b"]);
console.log( arr );
console.log( res );

運行結果:

9.Array.of( )和Array.from( )

Array.of( )

var arr = Array.of( 4,5,6,7 );
console.log( arr );//?[4, 5, 6, 7]

Array.from( ):將類數組轉化為數組。有三個參數,并沒有深入研究。


    

運行結果:

11.Array.find( )和Array.findIndex( )

find( )函數用來查找目標元素,找到就返回該元素,找不到返回undefined。

findIndex( )函數也是查找目標元素,找到就返回元素的位置,找不到就返回-1。


  • 1
  • 2
  • 5
  • 3
  • 5

運行結果:

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/52613.html

相關文章

  • JS基礎入門十三)—ES6

    摘要:對象簡潔表示法原來寫法簡潔寫法方法返回一個新數組,數組中的元素為原始數組元素調用函數處理后的值。方法按照原始數組元素順序依次處理元素。注意不會對空數組進行檢測。運行結果為舉例說明二其中是函數,當沒有第二個參數時。有三個參數,并沒有深入研究。 1.對象簡潔表示法 原來寫法 var name = lzf; var gender = male; var fn = fu...

    rozbo 評論0 收藏0
  • JS基礎入門十三)— ES6(一)

    摘要:已經被聲明了舉例說明塊級作用域報錯,常量初始化之后內部值不可改必須初始化賦值的問題。不支持預解析不允許重復聲明支持塊級作用域舉例說明報錯,。解決地址引用的方法通過轉化為字符串,再轉化為對象。此方法存在問題中缺少 1.var , let , const var 1.預解析(變量提升) 2.可以重復聲明變量 let 1.不支持預解析(必須先聲明,后使用...

    AaronYuan 評論0 收藏0
  • JS基礎入門十三)— ES6(一)

    摘要:已經被聲明了舉例說明塊級作用域報錯,常量初始化之后內部值不可改必須初始化賦值的問題。不支持預解析不允許重復聲明支持塊級作用域舉例說明報錯,。解決地址引用的方法通過轉化為字符串,再轉化為對象。此方法存在問題中缺少 1.var , let , const var 1.預解析(變量提升) 2.可以重復聲明變量 let 1.不支持預解析(必須先聲明,后使用...

    jerryloveemily 評論0 收藏0
  • JS基礎入門十三)— ES6(一)

    摘要:已經被聲明了舉例說明塊級作用域報錯,常量初始化之后內部值不可改必須初始化賦值的問題。不支持預解析不允許重復聲明支持塊級作用域舉例說明報錯,。解決地址引用的方法通過轉化為字符串,再轉化為對象。此方法存在問題中缺少 1.var , let , const var 1.預解析(變量提升) 2.可以重復聲明變量 let 1.不支持預解析(必須先聲明,后使用...

    ideaa 評論0 收藏0
  • JS基礎入門十三)—定時器

    摘要:但是定時器沒關。通過變量來控制定時器內函數的執行停止播放默認為。方式三通過關閉定時器來停止輪播圖的運動。,通過傳入定時器的編號來。清除定時器,再開啟定時器。所以,每次打開定時器,先清除前一個。點擊頁面任何一個位置關閉定時器。 1.定時器 定義:當我們需要隔一段時間,再執行一段代碼。或者每隔一段時間,執行一段代碼。我們可以使用定時器。使用場景:例如網站輪播圖的自動滾動。廣告延遲彈出的某些...

    kaka 評論0 收藏0

發表評論

0條評論

劉厚水

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<