JavaScript筆記：基礎知識

標籤：方式   樣本   golden   splice   uppercase   state   預設   名稱   splay   

一、資料類型

字串樣本。

var str = ‘Hello World‘;str[5] = ‘.‘;var len = str.length;var upperStr = str.toUpperCase();var lowerStr = str.toLowerCase();var i = str.indexOf(‘World‘);var substr = str.substring(6, 11);

View Code

數組樣本。

var arr = [0, 1.0, ‘1‘, true, undefined, null, []];var len = arr.length;var element = arr.indexOf(0);var subArr = arr.slice(0, 5);//向末尾添加元素或刪除元素arr.push(1, 2, 3);arr.pop();//向頭部添加元素或刪除元素arr.unshift(4, 5, 6);arr.shift();var delArr = arr.splice(0, 3, ‘7‘, ‘8‘, ‘9‘); //刪除內容後插入arr.concat(delArr); //串連數組var str = arr.join(‘-‘); //使用指定字串串連arr.sort();arr.reverse();

View Code

對象樣本。

var Player = {    number: 30,    name: ‘Stephen Curry‘,    team: ‘Golden State Warriors‘,};Player[‘number‘]; //訪問屬性Player.position = "Point Guard"; //添加屬性delete Player.position; //刪除屬性‘positon‘ in Player; //判斷屬性是否擁有Player.hasOwnProperty(‘position‘); //判斷屬性是否自身擁有

View Code

 

二、流程式控制制

var arr = [];for (var i = 0; i < 10; i++)    arr.push(i);var sum = 0;for (var j in arr)    if (j % 2 === 0)        sum += parseInt(j);alert(sum);

View Code

for...in迴圈由於曆史遺留問題，其遍曆的實際上對象的屬性名稱。當我們手動給對象添加一些額外屬性之後for...in迴圈會將我們添加的屬性也作為集合元素進行遍曆。for...of迴圈則解決了這些問題，只遍曆集合元素本身。

var arr = [0, 1, 2, 3, 4];arr.name = "MyArray";var str = ‘‘;for (var i of arr)    str += i;alert(str);

View Code

 

三、集合與映射

JS的預設對象表示方式可視為其他語言中的隱射資料結構，但是這樣存在的問題是健值必須是字串。ES6規範引入了新的集合與映射資料類型。

var map = new Map();map.set(1, "Spring");map.set(2, "Summer");map.delete(1);var set = new Set();set.add("Autumn");set.add("Winter");set.delete("Autumn");

View Code

 

JavaScript筆記：基礎知識