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

搜索
博主信息
博文 145
粉絲 7
評論 7
訪問量 198700
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
JS基礎(chǔ)知識：變量和JSON對象
李東亞1??3????12?
原創(chuàng)
1162人瀏覽過

課堂知識總結(jié)：

一、變量和對象

1、JS變量類型：
（1）原始類型：number、string、boolean;
（2）特殊類型：null、undefined;
a、null和undefined都表示空和無；
b、null一般用來表示空對象；
c、undefined專用來表示非對象類型的空和無；
d、null和undefined參與計(jì)算時(shí)：null自動轉(zhuǎn)換為0，undefined自動轉(zhuǎn)換為NAN（屬于number類型,但NAN：not a number）;
（3）對象類型：array、object、function；
2、查詢字面量類型：typeof 變量名;返回變量類型；
3、數(shù)組：array
（1）數(shù)組長度：數(shù)組名.length;
（2）判斷是否數(shù)組數(shù)組：Array.isArray();返回boolean值；
（3）遍歷數(shù)組：for(var i=0;i<array.lenght;i++){……}跟PHP一樣；forEach(function(item,index,array){……}){……}
4、數(shù)組函數(shù)：array.slice(start,end);start和end是數(shù)組索引，包含start但不包含end;
5、數(shù)組函數(shù)：array.splice(start,deleteCount,item……);
5.1、slice和splice的區(qū)別是，slice不改變原數(shù)組，返回一個(gè)新數(shù)組；
splice()改變原數(shù)組，返回刪除或者替換的的數(shù)組內(nèi)容；
6、對象（類似php關(guān)聯(lián)數(shù)組）：
（1）訪問對象和屬性使用.操作符；也可以使用關(guān)聯(lián)數(shù)組訪問方式訪問；
（2）for（key in obj）循環(huán)對象；
（3）obj.forEach(function(){},array){……}
7、Object.keys(obj):獲取對象屬性和方法的名
8、函數(shù)：function 函數(shù)名（）{}；函數(shù)調(diào)用函數(shù)名();
9、匿名函數(shù)和使用：（function（）{})();

二、流程控制語句

1、單分支：if(){……}
2、雙分支和多分支：if(){……}else{……}和if(){……}else if(){……}else{……}；
3、多分支判斷語句：switch(a){case a：…… break; default: ……}
4、循環(huán)語句：for(){};和while(){……};以及do{}while();

三、js對象轉(zhuǎn)換JSON；

1、JS對象轉(zhuǎn)換成JSON后，沒有方法和值為undefined以及原始對象成員方法；
2、對象序列化函數(shù)：JSON.stringify(obj,array|function(key,value){});
當(dāng)?shù)诙€(gè)參數(shù)為數(shù)組：可以限制序列化的屬性；
當(dāng)?shù)诙€(gè)參數(shù)為匿名函數(shù)時(shí)：可以處理對象中的成員并返回；

代碼練習(xí)

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <title>JS變量</title>
  7.   </head>
  8.   <body></body>
  9.   <script>
  10.     //變量和變量類型
  11.     var num = 20;
  12.     var str = "PHP";
  13.     var bool = false;
  14.     console.log(num, str);
  15.     console.log(bool);
  16.     console.log(typeof num, typeof str, typeof bool);
  17.     //null和undefined
  19.     var age; //聲明為賦值的變量：undefined;
  20.     console.log(age);
  21.     console.log(typeof age);
  22.     console.log(age + 10); //undefined參與運(yùn)算時(shí)，自動轉(zhuǎn)換為NAN
  23.     console.log("………………………………");
  25.     age = null; //null的類型為屬于對象
  26.     console.log(age);
  27.     console.log(typeof age);
  28.     console.log(age + 10); //null參與運(yùn)算時(shí)，自動轉(zhuǎn)換為0；
  30.     console.log("數(shù)組");
  31.     var users = ["ldy", "dlf", "cqw", "xjw"];
  32.     console.log(users[1]);
  33.     console.log(typeof users);
  34.     if (Array.isArray(users)) console.log("是數(shù)組");
  35.     for (var i = 0; i < users.length; i++) {
  36.       console.log(users[i]);
  37.     }
  38.     users.forEach(function (item, index, array) {
  39.       console.log(item);
  40.     });
  41.     console.log(users.slice(0, 2));
  42.     console.log(users);
  44.     console.log("…………………………");
  45.     users.splice(1, 0, "ljp", "zkn"); //增加
  46.     console.log(users);
  47.     console.log(users.splice(1, 2, "ljp1", "zkn1")); //替換
  48.     console.log(users);
  49.     users.splice(1, 2); //刪除
  50.     console.log(users);
  51.     //對象
  52.     var obj = {
  53.       id: 1,
  54.       name: "ldy",
  55.       age: 30,
  56.       couser: ["php", "js"],
  57.     };
  58.     console.log(obj.id);
  59.     console.log(obj["age"]);
  60.     console.log(obj["couser"][0]);
  61.     for (key in obj) {
  62.       console.log(obj[key]);
  63.     }
  64.     var keys = Object.keys(obj);
  65.     keys.forEach(function (item, index, array) {
  66.       console.log(this[item]);
  67.     }, obj);
  68.     // 函數(shù)
  69.     function sum(a, b) {
  70.       console.log(a, "+", b, "=", a + b);
  71.     }
  72.     sum(5, 10);
  73.     //匿名函數(shù)
  74.     (function (a, b) {
  75.       console.log(a, "+", b, "=", a + b);
  76.     })(20, 30);
  77.     //把js對象轉(zhuǎn)化成JSON對象
  78.     console.log(JSON.stringify(obj));
  79.     console.log(JSON.stringify(obj, ["id", "name"]));
  80.     console.log(
  81.       JSON.stringify(obj, function (key, value) {
  82.         if (key != "age") {
  83.           return value;
  84.         } else {
  85.           return "保密";
  86.         }
  88.         // return value;
  89.       })
  90.     );
  91.   </script>
  92. </html>

運(yùn)行結(jié)果：

批改老師：天蓬老師天蓬老師

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

老師批語：非常認(rèn)真, 繼續(xù)
本博文版權(quán)歸博主所有，轉(zhuǎn)載請注明地址！如有侵權(quán)、違法，請聯(lián)系admin@php.cn舉報(bào)處理！
全部評論 文明上網(wǎng)理性發(fā)言，請遵守新聞評論服務(wù)協(xié)議
1條評論
李**1??3????12? 2020-05-23 20:22:42
在JS中forEach()是一個(gè)方法：array.forEach(function(currentValue, index, arr), thisValue)！
1樓
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng)：公益在線php培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長！
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(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+教程免費(fèi)學(xué)