JavaScript學習筆記（變量、字符串）

1.1基礎知識

<script type="text/javascript">
	/*
	 * 控制瀏覽器彈出一個警告框
	 * alert("這是我的第一行JS代碼");
	 */
	/**
	 * 在計算機頁面上輸出一個內容
	 * document.write可以向body中輸出一個內容
	 * document.write("520hk");
	 */
	/**
	 * 向控制檯輸了一個內容
	 * console.log("你是不是傻！");
	 */
	
</script>

1.2數據類型和變量

①Number（js不區分整數和浮點數，統一用Number）

123; // 整數123
0.456; // 浮點數0.456
1.2345e3; // 科學計數法表示1.2345x1000，等同於1234.5
-99; // 負數
NaN; // NaN表示Not a Number，當無法計算結果時用NaN表示
Infinity; // Infinity表示無限大，當數值超過了JavaScript的Number所能表示的最大值時，就表示爲Infinity

②字符串

以單引號’或雙引號"括起來的任意文本
③布爾值
注：JavaScript允許對任意數據類型做比較：

false == 0; // true
false === 0; // false

在js中始終使用===比較

1.3數組：一組按順序排列的集合，集合的每個元素稱爲元素，js中的數組可以包含任何數據類型

[1, 2, 3.14, 'Hello', null, true];

例如：數組的定義與獲取元素

var arr = [1,2,3.14,'hello',null,true];
arr[0];// 返回索引爲0的元素，即1
arr[5];// 返回索引爲5的元素，即true
arr[6];// 索引超出了範圍，返回undefined

1.4對象：

js的對象是一組由K-V組成的無序集合，

var person={
	name:'Bob',
	age:20,
	tags:['js','web',mobile'],
	city:'shanghai',
	hasCar:no,
	zipcode:null
};

獲取一個對象的屬性，我們使用對象變量.屬性名的方式

person.name;//'Bob'
person.zipcode;//null

1.5變量

變量在程序中，其值可以發生改變的量， 不僅可以是數字 。還可以是任意數據類型。變量名是大小寫英文、數字、$和_的組合，且不能用數字開頭。

var a;//聲明瞭變量a，此時a的值爲undefined
var $b = 1; // 申明瞭變量$b，同時給$b賦值，此時$b的值爲1
var s_007 = '007'; // s_007是一個字符串
var Answer = true; // Answer是一個布爾值true
var t = null; // t的值是null

賦值：（動態語言：變量本身類型不固定的語言）

var a = 123;//a的值是整數123
a = 'abc';//a變量爲字符串

1.6字符串（用==’ '或者" "==括起來的字符表示）

var st = 'I\'m\"OK\"!';
alert(st);

多選字符串
由於用\n寫起來比較費事，所以最新的ES6標準新增了一種多行字符串的表示方法，用反引號 * … * 表示：

console.log(`hkk
			你是不是
			傻
			啊`);

模板字符串

①把多個字符串連接起來，可以用==+==號：

var name = '小明';
var age = 20;
var message = '你好，'+name+',你今年'+age+'歲了！';
alert(message);

②使用ES6新增的模板字符串，

var name = '小明';
var age = 20;
var message = `你好,${name},你今年${age}歲了！`;
alert(message);

操作字符串：

var s = 'hello,world!';
s.length;

toUpperCase(小寫—》大寫)

var s = 'Hello';
s.toUpperCase(); // 返回'HELLO'

toLowerCase(大寫—>小寫)

var s = 'Hello';
var lower = s.toLowerCase(); // 返回'hello'並賦值給變量lower
lower; // 'hello'

indexOf();搜索指定字符串出現的位置

var s = 'hello, world';
s.indexOf('world'); // 返回7
s.indexOf('World'); // 沒有找到指定的子串，返回-1

substring():返回指定索引區間的子串

var s = 'hello,word';
console.log(s.substring(0,5));
console.log(s.substring(7));