摘要:文章內(nèi)容來源廖雪峰快速入門賦值注釋數(shù)據(jù)類型不區(qū)分整數(shù)和浮點(diǎn)數(shù),統(tǒng)一用表示。條件判斷使用來進(jìn)行條件判斷。最新的規(guī)范引入了新的數(shù)據(jù)類型,是一組鍵值對的結(jié)構(gòu),具有極快的查找速度。一個(gè)數(shù)組實(shí)際上也是一個(gè)對象,它的每個(gè)元素的索引被視為一個(gè)屬性。
文章內(nèi)容來源:廖雪峰JavaScript-快速入門
賦值var x = 1;注釋
// comment /* comment */數(shù)據(jù)類型 Number
JavaScript不區(qū)分整數(shù)和浮點(diǎn)數(shù),統(tǒng)一用Number表示。
123; 0.456; 1.2345e3; NaN; Infinity;字符串
字符串是以單引號"或雙引號"括起來的任意文本。
"Hello "; "World!";布爾
一個(gè)布爾值只有true、false兩種值。數(shù)組
JavaScript的數(shù)組可以包括任意數(shù)據(jù)類型。
[1, 2, 3.14, "Hello", null, true];對象
JavaScript的對象是一組由鍵-值組成的無序集合,對象的鍵都是字符串類型,值可以是任意數(shù)據(jù)類型。
var mi = { name: "YuMi", age: 22 }
要獲取一個(gè)對象的屬性,我們用對象變量.屬性名的方式:
mi.name; mi.age;變量名
變量名是大小寫英文、數(shù)字、$和_的組合,且不能用數(shù)字開頭。條件判斷
JavaScript使用if () { ... } else { ... }來進(jìn)行條件判斷。
循環(huán) forfor(var i = 0; i < arr.length; i++) { x = arr[i]; console.log(x); }for...in
for循環(huán)的一個(gè)變體是for ... in循環(huán),它可以把一個(gè)對象的所有屬性依次循環(huán)出來:
var mi = { name: "YuMi", age: 22 }; for (var key in mi) { console.log(key); // "name", "age", ... }
要過濾掉對象繼承的屬性,用hasOwnProperty()來實(shí)現(xiàn)。
var mi = { name: "YuMi", age: 22 }; for (var key in mi) { if(mi.hasOwnProperty(key)) { console.log(key); // "name", "age" } }
for ... in循環(huán)可以直接循環(huán)出Array的索引。
var a = ["A", "B", "C"]; for (var i in a) { // 得到的 i 是 String 而不是 Number 。 console.log(i); // "0", "1", "2" console.log(a[i]); // "A", "B", "C" }while/do...while
略。
Map/Set Map最新的ES6規(guī)范引入了新的數(shù)據(jù)類型Map,Map是一組鍵值對的結(jié)構(gòu),具有極快的查找速度。初始化Map需要一個(gè)二維數(shù)組:
var m = new Map([["Michael", 95], ["Bob", 75], ["Tracy", 85]]); m.get("Michael"); // 95
或者直接初始化一個(gè)空Map:
var m = new Map(); // 空Map m.set("Adam", 67); // 添加新的key-value m.set("Bob", 59); m.has("Adam"); // 是否存在key "Adam": true m.get("Adam"); // 67 m.delete("Adam"); // 刪除key "Adam" m.get("Adam"); // undefined
多次對一個(gè)key放入value,后面的值會把前面的值沖掉。Set
Set和Map類似,也是一組key的集合,但不存儲value。要?jiǎng)?chuàng)建一個(gè)Set,需要提供一個(gè)Array作為輸入,或者直接創(chuàng)建一個(gè)空Set:
var s1 = new Set(); // 空Set var s2 = new Set([1, 2, 3]); // 含1, 2, 3 s2.add(4); s2.delete(3);iterable
為了統(tǒng)一集合類型,ES6標(biāo)準(zhǔn)引入了新的iterable類型,Array、Map和Set都屬于iterable類型。具有iterable類型的集合可以通過新的for ... of循環(huán)來遍歷。
for ... in循環(huán)由于歷史遺留問題,它遍歷的實(shí)際上是對象的屬性名稱。一個(gè)Array數(shù)組實(shí)際上也是一個(gè)對象,它的每個(gè)元素的索引被視為一個(gè)屬性。
var a = ["A", "B", "C"]; a.name = "Hello"; for (var x in a) { console.log(x); // "0", "1", "2", "name" }
for ... of循環(huán)則完全修復(fù)了這些問題,它只循環(huán)集合本身的元素:
var a = ["A", "B", "C"]; a.name = "Hello"; for (var x of a) { console.log(x); // "A", "B", "C" }
更好的方式是直接使用iterable內(nèi)置的forEach方法,它接收一個(gè)函數(shù),每次迭代就自動回調(diào)該函數(shù):
var a = ["A", "B", "C"]; a.forEach(function (element, index, array) { // element: 指向當(dāng)前元素的值 // index: 指向當(dāng)前索引 // array: 指向Array對象本身 console.log(element + ", index = " + index); });
Set與Array類似,但Set沒有索引,因此回調(diào)函數(shù)的前兩個(gè)參數(shù)都是元素本身:
var s = new Set(["A", "B", "C"]); s.forEach(function (element, sameElement, set) { console.log(element); });
Map的回調(diào)函數(shù)參數(shù)依次為value、key和map本身:
var m = new Map([[1, "x"], [2, "y"], [3, "z"]]); m.forEach(function (value, key, map) { console.log(value); });
個(gè)人靜態(tài)博客:
氣泡的前端日記: https://rheabubbles.github.io
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/103497.html
摘要:圖文教程教程廖雪峰的編程教室微信公眾號快速教程零基礎(chǔ)學(xué),地址老齊學(xué)習(xí)筆記第二版?zhèn)€人點(diǎn)評我是跟著的編程教室的微信公眾號每天學(xué)習(xí)一課來學(xué)習(xí)的,當(dāng)時(shí)的動力是據(jù)說女神也在學(xué)完習(xí),后來也看過廖雪峰老師的教程,和老齊的沒有看過。 之前看到了 汪汪汪不是我的語言 在 喵在野 的基礎(chǔ)上寫的這篇文章《Python 零基礎(chǔ)入門資料整理(更新版)》,感覺實(shí)在是太簡陋了。雖說是針對初學(xué)者的Python零基礎(chǔ)入...
摘要:開發(fā)篇版本管理工具,無腦的視圖操作,功能強(qiáng)大并且支持多賬號點(diǎn)我跳轉(zhuǎn)網(wǎng)站篇學(xué)習(xí)最重要的是經(jīng)常百度,要始終堅(jiān)信著你的水平能遇到的坑,別人都幫你踩過了。另外就是開發(fā)過程多看文檔,很多問題文檔都會有相關(guān)的解決方案,多看幾次就能想到解決方法。 IDE篇 程序員最重要的的就是IDE了,一個(gè)好的IDE可以幫你省略大量的時(shí)間,以及少生很多悶氣,下面開始前端的IDE推薦: VSCode 最推薦的IDE...
摘要:一團(tuán)隊(duì)組織網(wǎng)站說明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì),代表作品,致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì),簡稱,騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì),代表作品WebQQ,致力于前端技術(shù)的研究 ISUX 騰...
閱讀 2993·2021-10-13 09:39
閱讀 2694·2021-09-27 13:34
閱讀 2031·2019-08-30 15:55
閱讀 3260·2019-08-30 15:43
閱讀 3631·2019-08-30 11:16
閱讀 1748·2019-08-26 18:28
閱讀 1285·2019-08-26 13:56
閱讀 915·2019-08-26 13:35