亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 29
粉絲 1
評論 0
訪問量 22131
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
JavaScript的數(shù)據(jù)類型和判斷與循環(huán)
Pharaoh
原創(chuàng)
671人瀏覽過

數(shù)據(jù)類型

JavaScript 的數(shù)據(jù)類型,可以大致分為以下幾種:

  • 數(shù)值(number):整數(shù)和小數(shù)(比如1和3.14)
  • 字符串(string):文本(比如Hello World)
  • 布爾值(boolean):表示真?zhèn)蔚膬蓚€特殊值,即true(真)和false(假)
  • undefined:表示“未定義”或不存在,即由于目前沒有定義,所以此處暫時沒有任何值
  • null:表示空值,即此處的值為空
  • 對象(object):各種值組成的集合

原始類型

數(shù)值,字符串,布爾值,undefined,null都是原始類型,即它們是最基本的數(shù)據(jù)類型,不能再細(xì)分了,它們有以下兩個特點:

  1. 單值let a = 1;
  2. 動態(tài),即它們的數(shù)據(jù)類型由值的類型確定
    1. let a = 1;
    2. console.log(typeof a);
    3. a = "str";
    4. console.log(typeof a);

引用類型/合成類型

函數(shù),數(shù)組,對象,因為一個它們往往是多個原始類型的值的合成,可以看作是一個存放各種值的容器

  1. const myArrey = ["我會在哪里呢", "你能猜到嗎", true];
  2. console.log(myArrey);
  3. // 單獨顯示數(shù)組里的元素要使用索引/下標(biāo)
  4. console.log(myArrey[0]);
  5. const myCar = { name: "benz", model: "E300L" };
  6. console.log(myCar);
  7. console.log(myCar["name"]);
  8. console.log(myCar.model);

如果變量的值是原始數(shù)據(jù)let a = 1;,那么在a內(nèi)存中保存的就是變量名a和數(shù)據(jù)1
如果變量的值是引用類型函數(shù),數(shù)組或?qū)ο?code>const userInfo = {name:"Pharaoh", age:"30", skill:"吹牛"},那么userInfo內(nèi)存中保存的是對象的地址值,地址指向了內(nèi)存中保存{name:"Pharaoh", age:"30", skill:"吹牛"}的位置:

條件判斷

使用if和switch,都可以完成條件判斷,只有滿足預(yù)設(shè)的條件,才會執(zhí)行相應(yīng)的語句

if

  1. // 單分支
  2. if (邏輯判斷)
  3. 操作;
  4. // 雙分支
  5. if (邏輯判斷) {
  6. 滿足條件時,執(zhí)行的操作;
  7. }
  8. else {
  9. 不滿足條件時,執(zhí)行的操作;
  10. }
  11. // 多分支
  12. if (邏輯判斷) {
  13. 滿足條件時,執(zhí)行的操作;
  14. }
  15. else if (邏輯判斷){
  16. 滿足條件時,執(zhí)行的操作;
  17. }
  18. else if (邏輯判斷){
  19. 滿足條件時,執(zhí)行的操作;
  20. }
  21. else {
  22. 不滿足條件時,執(zhí)行的操作;
  23. }

實例

  1. // 單分支
  2. let x = 1;
  3. if (x === 1) {
  4. console.log("X等于:" + x);
  5. }
  6. // 雙分支
  7. if (x === 2) {
  8. console.log("X等于:" + x);
  9. } else {
  10. console.log("X不等于:" + 2);
  11. }
  12. // 多分支
  13. let car = "凱迪拉克";
  14. if (car === "凱迪拉克") {
  15. console.log(car + "不拉客,只拉美女和模特");
  16. } else if (car === "奧迪") {
  17. console.log("EA888誰修誰發(fā)家");
  18. } else if (car === "大眾") {
  19. console.log("EA888誰修誰發(fā)家");
  20. } else {
  21. console.log("抱歉本會所暫不接待您的品牌");
  22. }

switch

多個if else if一起使用的的時候可以使用更方便的switch

  1. switch (true) {
  2. case 邏輯判斷:
  3. 滿足條件時,執(zhí)行的操作;
  4. break;
  5. case 邏輯判斷:
  6. 滿足條件時,執(zhí)行的操作;
  7. break;
  8. default:
  9. 以上邏輯都不滿足條件時,執(zhí)行的操作;
  10. }

實例

  1. let myLuckyNum = 8;
  2. switch (true) {
  3. case myLuckyNum === 8:
  4. console.log("恭喜你答對了");
  5. break;
  6. case myLuckyNum > 8:
  7. console.log("太大了");
  8. break;
  9. case myLuckyNum < 8:
  10. console.log("太小了");
  11. break;
  12. default:
  13. console.log("我的意大利炮呢?");
  14. }
  15. // 單值
  16. myLuckyNum = "8";
  17. switch (myLuckyNum) {
  18. case 8:
  19. console.log("恭喜你答對了");
  20. break;
  21. default:
  22. console.log("別亂輸入");
  23. }

條件判斷拓展:三元運算符

三元運算符可以理解為if…else的簡寫形式
(條件) ? 表達(dá)式1 : 表達(dá)式2
let x = (x === n) ? "X和N相等" : "X和N不相等"
如果“條件”為true,返回“表達(dá)式1”的值,否則返回“表達(dá)式2”的值

break和continue

break語句和continue語句都具有跳轉(zhuǎn)作用,可以讓代碼不按既有的順序執(zhí)行

  • break語句用于跳出代碼塊或循環(huán)
    1. let i = 0;
    2. while (i < 100){
    3. i++;
    4. if (i === 5)
    5. break;
    6. console.log('i 當(dāng)前為:' + i);
    7. }
  • continue語句用于立即終止本輪循環(huán),返回循環(huán)結(jié)構(gòu)的頭部,開始下一輪循環(huán)
    1. let i = 0;
    2. while (i < 100){
    3. i++;
    4. if (i === 6)
    5. continue;
    6. console.log('i 當(dāng)前為:' + i);
    7. }

循環(huán)

循環(huán)可以重復(fù)執(zhí)行操作,有while和for兩種

while循環(huán)

while循環(huán)需要一個條件,如果條件為真(true),就會重復(fù)執(zhí)行代碼區(qū)塊里的操作

  1. while (條件) {
  2. 操作;
  3. }

實例

  1. // while
  2. let userNum = 1;
  3. while (userNum <= 8) {
  4. console.log(userNum);
  5. userNum++;
  6. }

do while循環(huán)

do while循環(huán)與while循環(huán)類似,唯一的區(qū)別就是先運行一次循環(huán)體,然后判斷循環(huán)條件

  1. do {
  2. 操作;
  3. } while (條件);

實例

  1. // do while
  2. userNum = 0;
  3. do {
  4. userNum++;
  5. console.log("當(dāng)前用戶為: " + userNum);
  6. } while (userNum < 3);

for循環(huán)

for循環(huán)需要指定循環(huán)的起點(計數(shù)器),條件和遞增操作

  1. for (起點(計數(shù)器); 條件; 遞增操作) {
  2. 操作;
  3. }

實例

  1. // for
  2. let wishList = [
  3. { hat: "northface", color: "black" },
  4. { shose: "dunk", color: "black" },
  5. { shirt: "jack", color: "black" },
  6. ];
  7. let wishNum = wishList.length;
  8. for (i = 0; i < wishNum; i++) {
  9. console.log(wishList[i]);
  10. }

for of 和for in

  • for in遍歷的是對象的屬性的索引/下標(biāo)

    1. let wishList = [
    2. { hat: "northface", color: "black" },
    3. { shose: "dunk", color: "black" },
    4. { shirt: "jack", color: "black" },
    5. ];
    6. for (let n in wishList) {
    7. console.log(n);
    8. }

    1. // 可以使用數(shù)組的索引得到元素
    2. for (let n in wishList) {
    3. console.log(wishList[n]);
  • for of遍歷的是對象的屬性所對應(yīng)的元素

    1. for (let n of wishList) {
    2. console.log(n);
    3. }

    1. // 可以用內(nèi)置的方法獲得鍵(key)和索引
    2. for (let n of wishList.keys()) {
    3. console.log(n);
    4. }
    5. // 可以用內(nèi)置的方法獲得鍵(key)和值(values)
    6. for (let n of wishList.entries()) {
    7. console.log(n);
    8. }
批改老師:PHPzPHPz

批改狀態(tài):合格

老師批語:
本博文版權(quán)歸博主所有,轉(zhuǎn)載請注明地址!如有侵權(quán)、違法,請聯(lián)系admin@php.cn舉報處理!
全部評論 文明上網(wǎng)理性發(fā)言,請遵守新聞評論服務(wù)協(xié)議
0條評論
作者最新博文
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號

  • 登錄PHP中文網(wǎng),和優(yōu)秀的人一起學(xué)習(xí)!
    全站2000+教程免費學(xué)