web前端開發—JavaScript基礎



JavaScript 是屬于網絡的腳本語言。 被數百萬計的網頁用來改進設計、驗證表單、檢測瀏覽器、創建cookies,以及更多的應用。JS代碼寫在HTML的script標簽內。
一、JS變量用于存儲程序所需要的數據。
語法: var 變量名 = 變量值; 例: var age = 18; var name = “田軒”;
變量名是大小寫英文、數字、$和_的組合,且不能用數字開頭。變量名也不能是JavaScript的關鍵字,如if、while等。
聲明一個變量用var語句。
使用等號=對變量進行賦值。
二、JS數據類型(弱類型)
變量可以存儲的數據有不同的類型,JS將數據劃分為以下類型:
1.數值類型
JavaScript不區分整數和浮點數,統一用Number表示,其值可以是任意數值、NaN、Infinity;
2.字符串
字符串是以單引號'或雙引號"括起來的任意文本,比如'abc',"xyz"等等。
3.布爾類型
布爾值和布爾代數的表示完全一致,一個布爾值只有true、false兩種值,要么是true,要么是false,可以直接用true、false表示布爾值,也可以通過布爾運算計算出來。
4.數組
數組是一組按順序排列的集合,集合的每個值稱為元素。JavaScript的數組可以包括任意數據類型。
例如:[1,2,’3’,’田軒’,true]
數組的元素可以通過索引來訪問。請注意,索引的起始值為0.
var arr = [1, 2, 3.14, 'Hello', null, true];
arr[0]; // 返回索引為0的元素,即1
arr[5]; // 返回索引為5的元素,即true
arr[6]; // 索引超出了范圍,返回undefined
5.對象
JavaScript的對象是一組由鍵-值組成的無序集合,例如:
var person = {
name: 'Bob',
age: 20,
tags: ['js', 'web', 'mobile'],
city: 'Beijing',
hasCar: true,
zipcode: null
};
JavaScript對象的鍵都是字符串類型,值可以是任意數據類型。上述person對象一共定義了6個鍵值對,其中每個鍵又稱為對象的屬性,例如,person的name屬性為'Bob',zipcode屬性為。
要獲取一個對象的屬性,我們用對象變量.屬性名的方式:
person.name; // 'Bob'
person.zipcode; // null
兩個特殊的值
null和undefined
表示一個“空”的值,它和0以及空字符串''不同,0是一個數值,''表示長度為0的字符串,而表示“空”。
表示一個空的值,而undefined表示值未定義。事實證明,這并沒有什么卵用,區分兩者的意義不大。大多數情況下,我們都應該用。undefined僅僅在判斷函數參數是否傳遞的情況下有用
數值操作
算術運算符:+ - * / % ++ --
比較運算符: > 、>=、 <、<=、 == 、!=
邏輯運算符: && || !
三目運算符: a > b ? a : b;
三、字符串常用方法
字符串長度: length
截取字符串:substring(0,3);
查找字符串中是否包含某字符:indexOf(“abc”);
四、數組常用方法
數組長度:length
拼接數組:concat([1,2,3]);
數組拼接字符串:join();
向數組尾部追加數據: pop()
上一篇:了解web前端開發的核心技術
下一篇:了解前端開發和后端開發的區別
相關新聞推薦
- 案例丨響應式網站建設案例精選 2019-09-05
- 如何寫好網絡營銷策劃方案? 2019-06-24
- 分分鐘教你學會javascript閉包! 2019-07-24
- 響應式設計為網站改變了什么? 2020-07-15
- 三大物美價廉的網絡推廣渠道 2019-06-18
- 網站建設的基本步驟有哪些? 2020-05-27