久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

    1. <style id="76ofp"></style>

      <style id="76ofp"></style>
      <rt id="76ofp"></rt>
      <form id="76ofp"><optgroup id="76ofp"></optgroup></form>
      1. 千鋒教育-做有情懷、有良心、有品質的職業(yè)教育機構

        手機站
        千鋒教育

        千鋒學習站 | 隨時隨地免費學

        千鋒教育

        掃一掃進入千鋒手機站

        領取全套視頻
        千鋒教育

        關注千鋒學習站小程序
        隨時隨地免費學習課程

        當前位置:首頁  >  技術干貨  > 深入理解JS枚舉類型enum

        深入理解JS枚舉類型enum

        來源:千鋒教育
        發(fā)布人:xqq
        時間: 2023-11-23 08:20:01 1700698801

        一、枚舉類型enum用法

        枚舉類型是一種常見的數(shù)據類型,它將一組有限的常量定義為一種新的數(shù)據類型。在JS中,我們可以使用對象或者Symbol來模擬枚舉類型。其中,對象的方法通常使用枚舉類型,枚舉類型中的成員是只讀的且不可更改。

        
        // 創(chuàng)建一個對象用于存儲顏色
        const Colors = {
          Red: 0,
          Green: 1,
          Blue: 2
        };
        
        console.log(Colors.Red); // 輸出: 0
        console.log(Colors.Green); // 輸出: 1
        console.log(Colors.Blue); // 輸出: 2
        

        上面的代碼創(chuàng)建了一個Colors對象,它包含了三個成員:Red,Green和Blue。每個成員都代表了一個不同的數(shù)字,我們可以通過訪問它們來引用它們所代表的數(shù)字(也可以稱之為枚舉值)。

        二、枚舉類型enum用法舉例

        假設我們需要定義一個星期幾的枚舉類型,我們可以如下定義:

        
        // 定義星期枚舉類型
        const WeekDays = {
          Sunday: '星期日',
          Monday: '星期一',
          Tuesday: '星期二',
          Wednesday: '星期三',
          Thursday: '星期四',
          Friday: '星期五',
          Saturday: '星期六'
        };
        
        // 使用
        console.log(WeekDays.Sunday); // 輸出: 星期日
        console.log(WeekDays.Friday); // 輸出: 星期五
        

        在上面的代碼中,我們創(chuàng)建了一個WeekDays對象,它包含了七個成員,每個成員對應著星期一到星期日的名稱。我們可以直接使用對象來獲取對應的枚舉值。

        三、JS枚舉類型set用法

        除了使用對象或者Symbol來模擬枚舉類型,我們還可以使用ES6提供的Set來實現(xiàn)枚舉類型的功能。Set是一種集合類型,它允許我們存儲任意類型的唯一值。因此,我們可以將枚舉類型的成員作為Set中的值來使用。

        
        // 創(chuàng)建一個星期枚舉類型的Set
        const WeekDays = new Set([
          '星期一',
          '星期二',
          '星期三',
          '星期四',
          '星期五',
          '星期六',
          '星期日'
        ]);
        
        // 使用
        WeekDays.forEach(day => console.log(day)); 
        
        // 輸出:
        // 星期一
        // 星期二
        // 星期三
        // 星期四
        // 星期五
        // 星期六
        // 星期日
        

        上面的代碼中,我們使用Set來創(chuàng)建了一個存儲星期枚舉類型的集合。我們可以使用forEach來遍歷這個集合并輸出其中的元素。

        四、枚舉類型enum用法取下標

        在上述枚舉類型的定義中,我們將星期的名稱作為枚舉值來使用。假如需要返回這個枚舉值在集合中的下標,我們可以使用Object.values方法來獲取對象中的所有枚舉值:

        
        const WeekDays = {
          Monday: '星期一',
          Tuesday: '星期二',
          Wednesday: '星期三',
          Thursday: '星期四',
          Friday: '星期五',
          Saturday: '星期六',
          Sunday: '星期日',
        };
        
        const weekDaysArray = Object.values(WeekDays);
        console.log(weekDaysArray.indexOf('星期四')); // 輸出: 3
        

        在這段代碼中,我們使用Object.values方法獲取WeekDays對象中的枚舉值,并將它們存儲到一個數(shù)組中。然后,我們可以使用數(shù)組的indexOf方法來查找特定枚舉值所在的下標。

        五、結語

        JS枚舉類型的應用在實際開發(fā)中經常使用,它可以使代碼更加清晰易懂,并保證代碼在不同環(huán)境中的正確性和一致性。我們可以使用對象、Symbol或者Set來實現(xiàn)JS枚舉類型,具體選擇哪種方法,需要視情況而定。希望本文可以幫助讀者更深入理解JS枚舉類型。

        聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
        10年以上業(yè)內強師集結,手把手帶你蛻變精英
        請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
        免費領取
        今日已有369人領取成功
        劉同學 138****2860 剛剛成功領取
        王同學 131****2015 剛剛成功領取
        張同學 133****4652 剛剛成功領取
        李同學 135****8607 剛剛成功領取
        楊同學 132****5667 剛剛成功領取
        岳同學 134****6652 剛剛成功領取
        梁同學 157****2950 剛剛成功領取
        劉同學 189****1015 剛剛成功領取
        張同學 155****4678 剛剛成功領取
        鄒同學 139****2907 剛剛成功領取
        董同學 138****2867 剛剛成功領取
        周同學 136****3602 剛剛成功領取
        相關推薦HOT
        镇安县| 道真| 长沙县| 牟定县| 同江市| 塘沽区| 修文县| 三穗县| 老河口市| 常州市| 育儿| 陆良县| 太保市| 沾化县| 敦煌市| 旅游| 德江县| 兴化市| 靖安县| 奉节县| 澄城县| 融水| 离岛区| 岗巴县| 横峰县| 容城县| 兴文县| 杭州市| 博爱县| 西盟| 丽水市| 武鸣县| 曲靖市| 施秉县| 寿光市| 新绛县| 霍州市| 光山县| 葫芦岛市| 深圳市| 桂平市|