javascript
JavaScript全面学习（中阶）
1.typeof操作符總是返回一個字符串：
typeof 123; // 'number' typeof NaN; // 'number' typeof 'str'; // 'string' typeof true; // 'boolean' typeof undefined; // 'undefined' typeof Math.abs; // 'function' typeof null; // 'object' typeof []; // 'object' typeof {}; // 'object' 用typeof無法區分出null、Array和通常意義上的object——{}2.包裝對象：
var n = new Number(123); // 123,生成了新的包裝類型 var b = new Boolean(true); // true,生成了新的包裝類型 var s = new String('str'); // 'str',生成了新的包裝類型 typeof new Number(123); // 'object' new Number(123) === 123; // false typeof new Boolean(true); // 'object' new Boolean(true) === true; // false typeof new String('str'); // 'object' 包裝使他們的類型變成了object new String('str') === 'str'; // false 所以對于string類型，最好不要包裝對象。正確的轉換法是不用new
var n = Number('123'); // 123，相當于parseInt()或parseFloat() typeof n; // 'number'var b = Boolean('true'); // true typeof b; // 'boolean'var b2 = Boolean('false'); // true! 'false'字符串轉換結果為true！因為它是非空字符串！ var b3 = Boolean(''); // falsevar s = String(123.45); // '123.45' typeof s; // 'string'總結一下，有這么幾條規則需要遵守：
-
不要使用new Number()、new Boolean()、new String()創建包裝對象；
-
用parseInt()或parseFloat()來轉換任意類型到number；
-
用String()來轉換任意類型到string，或者直接調用某個對象的toString()方法；
-
null和undefined沒有toString()方法。數字對象的toString()方法要這樣寫：
123.toString(); // SyntaxError 123..toString(); // '123', 注意是兩個點！ (123).toString(); // '123'3.14.toString(); // '3.14' 3.14..toString(); // SyntaxError (3.14).toString(); //'3.14' // 第一個點是指小數點，第二個點才是調用toString()方法，所以3.14不需要用兩個點調用toString()方法 -
通常不必把任意類型轉換為boolean再判斷，因為可以直接寫if (myVar) {...}；
-
typeof操作符可以判斷出number、boolean、string、function和undefined；
-
判斷Array要使用Array.isArray(arr)；
-
判斷null請使用myVar === null；
-
判斷某個全局變量是否存在,用typeof window.myVar === 'undefined'；
-
函數內部判斷某個變量是否存在,用typeof myVar === 'undefined'。
3.Date對象，獲取本機系統當前時間：
var now = new Date(); now; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST) now.getFullYear(); // 2015, 年份 now.getMonth(); // 5, 月份，注意月份范圍是0~11，5表示六月 now.getDate(); // 24, 表示24號 now.getDay(); // 3, 表示星期三 now.getHours(); // 19, 24小時制 now.getMinutes(); // 49, 分鐘 now.getSeconds(); // 22, 秒 now.getMilliseconds(); // 875, 毫秒數 now.getTime(); // 1435146562875, 以number形式表示的時間戳創建一個指定日期和時間的Date對象：
var d = new Date(2015, 5, 19, 20, 15, 30, 123); d; // Fri Jun 19 2015 20:15:30 GMT+0800 (CST) //注意JavaScript的月份范圍用整數表示是0~11，0表示一月，1表示二月……//或者這樣也能創建： var a = Date.parse('2015-06-24T19:49:22.875+08:00'); a; // 1435146562875 返回一個時間戳//可以再如下轉換： var c = new Date(1435146562875); c; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST) c.toLocaleString(); // '2015/6/24 下午7:49:22'，本地時間（北京時區+8:00），顯示的字符串與操作系統設定的格式有關 c.toUTCString(); // 'Wed, 24 Jun 2015 11:49:22 GMT'，UTC時間(世界標準時間),與本地時間相差8小時 科普：格林威治標準時間GMT4.正則表達式，如果直接給出字符，就是精確匹配。用\d可以匹配一個數字，\w可以匹配一個字母或數字,用.可以匹配任意字符
?? *表示任意個字符（包括0個），用+表示至少一個字符，用?表示0個或1個字符，用{n}表示n個字符，用{n,m}表示n-m個字符
?\s可以匹配一個空格（也包括Tab（/t）等空白符）
?? 例如：要匹配'010-12345'這樣的號碼，由于'-'是特殊字符，在正則表達式中，要用'\'轉義，所以正則是\d{3}\-\d{3,8}
?? 還能可以用[]表示范圍 ：[a-zA-Z\_\$][0-9a-zA-Z\_\$]*可以匹配由字母或下劃線、$開頭，后接任意個由一個數字、字母或者下劃線、$組成的字符串，也就是JavaScript允許的變量名；
??? A|B可以匹配A或B，所以(J|j)ava(S|s)cript可以匹配'JavaScript'、'Javascript'、'javaScript'或者'javascript'。
? ^表示行的開頭，^\d表示必須以數字開頭。
? $表示行的結束，\d$表示必須以數字結束。
5.RegExp。正則表達式。
寫正則表達式的兩種方法：
var re1 = /ABC\-001/; var re2 = new RegExp('ABC\\-001'); //注意是兩\\，轉義 re1; // /ABC\-001/ re2; // /ABC\-001/RegExp對象的test()方法用于測試給定的字符串是否符合條件：
var re = /^\d{3}\-\d{3,8}$/; re.test('010-12345'); // true re.test('010-1234x'); // false re.test('010 12345'); // false正則表達式切分字符串十分好用：
'a b c'.split(' '); // ['a', 'b', '', '', 'c'] 不用正則的話 'a b c'.split(/\s+/); // ['a', 'b', 'c'] 用正則，把空格忽略掉 'a,b, c d'.split(/[\s\,]+/); // ['a', 'b', 'c', 'd'] 把空格和，忽略掉 'a,b;; c d'.split(/[\s\,\;]+/); // ['a', 'b', 'c', 'd'] 把空格和，和；都忽略掉用()表示要提取的分組，再用exec()方法提取出子串：
var re = /^(\d{3})-(\d{3,8})$/; // 這里不再需要\- re.exec('010-12345'); // ['010-12345', '010', '12345'] re.exec('010 12345'); // null 匹配失敗返回null貪婪匹配，匹配盡可能多的字符：
var re = /^(\d+)(0*)$/; re.exec('102300'); // ['102300', '102300', ''] \d+把數字全部匹配了，所以0*無法匹配到0非貪婪匹配，也就是盡可能少匹配：
var re = /^(\d+?)(0*)$/; // 想要的非貪婪項后面加？號 re.exec('102300'); // ['102300', '1023', '00']特殊的標志：g標志，表示全局匹配。全局匹配類似搜索，因此不能使用/^...$/，那樣只會最多匹配一次。
??????????????? i標志，表示忽略大小寫。m標志，表示執行多行匹配。
var r1 = /test/g; // 等價于: var r2 = new RegExp('test', 'g'); var s = 'JavaScript,VBScript,JScript and ECMAScript'; var re=/[a-zA-Z]+Script/g;// 使用全局匹配: re.exec(s); // ['JavaScript'] 每次返回一個元素，與直接用exec,全部值一起返回不同。 re.lastIndex; // 10 最后所在的位置 re.exec(s); // ['VBScript'] re.lastIndex; // 19 re.exec(s); // ['JScript'] re.lastIndex; // 27 re.exec(s); // ['ECMAScript'] re.lastIndex; // 42 re.exec(s); // null，表示匹配結束了，全部符合條件的都已經找出來了，再調用就從第一個開始循環。6.在JSON中，一共就這么幾種數據類型：
- number：和JavaScript的number完全一致；
- boolean：就是JavaScript的true或false；
- string：就是JavaScript的string；
- null：就是JavaScript的null；
- array：就是JavaScript的Array表示方式——[]；
- object：就是JavaScript的{ ... }表示方式。
JSON的字符串規定必須用雙引號""，Object的鍵也必須用雙引號""
把對象序列化成JSON格式的字符串：
var xiaoming = {name: '小明',age: 14,gender: true,height: 1.65,grade: null,'middle-school': '\"W3C\" Middle School',skills: ['JavaScript', 'Java', 'Python', 'Lisp'] };JSON.stringify(xiaoming); // '{"name":"小明","age":14,"gender":true,"height":1.65,"grade":null,"middle-school":"\"W3C\" Middle School","skills":["JavaScript","Java","Python","Lisp"]}'按縮進輸出：
JSON.stringify(xiaoming, null, ' '); /*結果如下{"name": "小明","age": 14,"gender": true,"height": 1.65,"grade": null,"middle-school": "\"W3C\" Middle School","skills": ["JavaScript","Java","Python","Lisp"] }
*/
指定屬性輸出：
JSON.stringify(xiaoming, ['name', 'skills'], ' '); /*結果如下 {"name": "小明","skills": ["JavaScript","Java","Python","Lisp"] } */或者用toJSON()的方法指定屬性序列化輸出：
var xiaoming = {name: '小明',age: 14,gender: true,height: 1.65,grade: null,'middle-school': '\"W3C\" Middle School',skills: ['JavaScript', 'Java', 'Python', 'Lisp'],toJSON: function () {return { // 只輸出name和age，并且改變了key：'Name': this.name,'Age': this.age};} };JSON.stringify(xiaoming); // '{"Name":"小明","Age":14}'還可以傳入一個函數作為參數：
function convert(key, value) {if (typeof value === 'string') {return value.toUpperCase();}return value; }JSON.stringify(xiaoming, convert, ' '); /*結果如下，全部字符串變大寫 {"name": "小明","age": 14,"gender": true,"height": 1.65,"grade": null,"middle-school": "\"W3C\" MIDDLE SCHOOL","skills": ["JAVASCRIPT","JAVA","PYTHON","LISP"] } */7.反序列化，把JSON格式的字符串還原成JavaScript對象：
JSON.parse('[1,2,3,true]'); // [1, 2, 3, true] JSON.parse('{"name":"小明","age":14}'); // Object {name: '小明', age: 14} JSON.parse('true'); // true JSON.parse('123.45'); // 123.45JSON.parse()還可以接收一個函數，用來轉換解析出的屬性
JSON.parse('{"name":"小明","age":14}', function (key, value) {// 把number * 2:if (key === 'name') {return value + '同學';}return value; }); // Object {name: '小明同學', age: 14}?
轉載于:https://www.cnblogs.com/shen076/p/6169437.html
總結
以上是生活随笔為你收集整理的JavaScript全面学习（中阶）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 图像熵的意义以及计算
- 下一篇： Spring Bean初始化过程