不區(qū)分整數(shù)和浮點(diǎn)數(shù),統(tǒng)一用Number表示
123;//整數(shù)123
0.456;//浮點(diǎn)數(shù)0.456
1.2345e3;//科學(xué)計(jì)數(shù)法表示1.2345*1000,等同于1234.5
-99;//負(fù)數(shù)
NaN;//表示Not a Number,當(dāng)無(wú)法計(jì)算結(jié)果時(shí)用NaN表示
Infinity;//表示無(wú)限大,當(dāng)數(shù)值超過(guò)Javascript的Number所能表示的最大值時(shí),就表示為Infinity
字符串,用單引號(hào)或雙引號(hào)
"abc";
'abc';
//多行字符串用反引號(hào)
`
這是一個(gè)
多行
字符串
`;
//模版字符串
var name = "lily";
var age = 20;
var msg = "hello" + name +"your age is" + age;
var name = "lily";
var age = 20;
var msg = "hello ${name} your age is ${age} ;
//操作字符串
var s = "hello world";
s.lenth;//11
s[0];//h
s[12];//undefined,超出范圍的索引不會(huì)報(bào)錯(cuò),但一律返回undefined
//字符串不可變,所以對(duì)某個(gè)索引賦值無(wú)效
var s = "test";
s[0] = 'X';
alert(s);//s仍然為test
//轉(zhuǎn)大小寫(xiě)
var s = "Hello";
s.toUpperCase();//HELLO
s.toLowerCase();//hello
//indexOf()搜索制定字符串出現(xiàn)的位置
var s = "hello world";
s.indexOf("world");//返回6
s.indexOf("World");//沒(méi)有找到指定的子串,返回-1
//substring()返回指定索引區(qū)間的子串
var s = "hello world";
s.substring(0,5);//hello
s.substring(6);//world
布爾值
false;
true;
2 > 1;//true
數(shù)組,可以放任意類(lèi)型
[1,2,3,4,"hello",null,true];
var arr = new Array(1,2,3);
arr[0];//結(jié)果1
arr.length;//3
//如果通過(guò)索引賦值時(shí),索引超過(guò)了范圍,同樣會(huì)引起Array大小的變化:
var arr = [1, 2, 3];
arr[5] = 'x';
arr; // arr變?yōu)閇1, 2, 3, undefined, undefined, 'x']
//indexOf()搜索一個(gè)指的元素位置
var arr = [1,2,3];
arr.indexOf(1);//0
//slice()截取部分元素,返回一個(gè)新數(shù)組
var arr = [1,2,3,4,5];
arr.slice(0,3);//[1,2,3]
arr.slice(3);//[4,5]
arr.slice();//復(fù)制一個(gè)一樣的新數(shù)組
//push和pop,末尾添加或者刪除一個(gè)元素
var arr = [1,2,3];
arr.push(4,5);
arr;//[1,2,3,4,5]
arr.pop();
arr;//[1,2,3,4]
//unshift()和shift(),頭部添加或刪除若干元素
var arr = [1,2];
arr.unshift(3,4);
arr;//[3,4,1,2]
arr.shift();
arr;//[4,1,2]
//sort()排序
var arr = [2,3,1];
arr.sort();
arr;//[1,2,3]
//reverse()反轉(zhuǎn)數(shù)組
var arr = [1,2,3];
arr.reverse();
arr;//[3,2,1]
//splice()從指定索引刪除若干元素燃火再?gòu)脑撐恢锰砑尤舾稍?var arr = [1,2,3];
arr.splice(1,2,"k","h");//從索引1刪除2個(gè),然后從索引1添加2個(gè)
arr;//[1,"k","h"]
arr.splice(1,1);//只刪不添加
arr;//[1,"k","h"]
//concat()鏈接兩個(gè)數(shù)組成一個(gè)新數(shù)組
var arr = [1,2,3];
var added = arr.concat([4,5]);
added;//[1,2,3,4,5]
arr;//[1,2,3]
//實(shí)際上,concat()方法可以接收任意個(gè)元素和Array,并且自動(dòng)把Array拆開(kāi),然后全部添加到新的Array里:
var arr = ['A', 'B', 'C'];
arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]
//join()把a(bǔ)rr的每個(gè)元素用指定字符串連起來(lái),然后返回字符串
var arr = [1,2,3,4];
arr.join("-");//1-2-3-4
//多維數(shù)組
var arr = [[1,2,3],[4,5,6]];
arr[1][1];//5
對(duì)象,一組鍵值對(duì)組成的無(wú)序集合,鍵是字符串類(lèi)型,值是任意類(lèi)型
var person = {
name:"bob",
age:20,
tags:["js","web"],
city:"beijing",
zipcode:null
};
//由于JavaScript的對(duì)象是動(dòng)態(tài)類(lèi)型,你可以自由地給一個(gè)對(duì)象添加或刪除屬性:
person.school = "qinghua";
//檢查是否有某個(gè)屬性用in,會(huì)包含繼承的
“name” in person;//true
//要判斷一個(gè)屬性是否是xiaoming自身?yè)碛械?,而不是繼承得到的,可以用hasOwnProperty()方法:
person.hasOwnProperty("ToString");//false
if條件判斷,把null,undefined,0,NaN和空字符串“”都視為false,其他值為true
var s = "123";
if(s.length){//為true
alert("true");
}
Map-ES6新加入
var m = new Map([['kang',95],['li',99]]);
m.get('kang');//95
m.set('liu',55);//添加新key-value
m.has('kang');//是否存在kang。true
m.delete('li');//刪除key‘li’
Set 類(lèi)似Map,是一組key的集合,不存儲(chǔ)value,不會(huì)有重復(fù)的key
var s1 = new Set();
var s2 = new Set([1,2,3]);
//重復(fù)元素自動(dòng)過(guò)濾掉
var s = new Set([1,2,3,4,5,5]);
s;//Set{1,2,3,4,5}
s.add(8);//添加元素
s.delete(1);//刪除元素
iteralbe,迭代器,ES6引入,Array,Map,Set都屬于iteralbe,可以通過(guò)for ...of遍歷
var a = [1,2,3,4];
var s = new Set([1,2,3,4]);
var m = new Map([[1,"x"],[2,"y"]]);
for(var x of a){
confole.log(x);
}
for(var x of s){
confole.log(x);
}
for(var x of m){
confole.log(x[0]);
}
var a = [1,2,3,4];
a.forEach(function(element,index,array){
// element: 指向當(dāng)前元素的值
// index: 指向當(dāng)前索引
// array: 指向Array對(duì)象本身
console.log(element + ', index = ' + index);
});
//Set與Array類(lèi)似,但Set沒(méi)有索引,因此回調(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);
});
函數(shù)
//一種定義
function abs(x){
if(x > 0){
return x;
}else{
return -x;
}
}
//另一種定義,匿名函數(shù)定義
var abs = function (x){
if(x > 0){
return x;
}else{
return -x;
}
};
abs(10);
//由于JavaScript允許傳入任意個(gè)參數(shù)而不影響調(diào)用,因此傳入的參數(shù)比定義的參數(shù)多也沒(méi)有問(wèn)題,雖然函數(shù)內(nèi)部并不需要這些參數(shù)
abs(10,2,3);
//傳入?yún)?shù)少也無(wú)關(guān)
abs();//返回NaN
//函數(shù)中可加判斷是否是那個(gè)類(lèi)型
if(typeof x !== 'number'){
throw 'not a number';
}
//arguments可以獲取函數(shù)中所有的傳入?yún)?shù),類(lèi)似array,但不是
function foo(x) {
console.log('x = ' + x); // 10
for (var i=0; i<arguments.length; i++) {
console.log('arg ' + i + ' = ' + arguments[i]); // 10, 20, 30
}
}
foo(10, 20, 30);
//輸出
//x = 10
//arg 0 = 10
//arg 1 = 20
//arg 2 = 30
//rest參數(shù)只能寫(xiě)在最后,前面用...標(biāo)識(shí),從運(yùn)行結(jié)果可知,傳入的參數(shù)先綁定a、b,多余的參數(shù)以數(shù)組形式交給變量rest,所以,不再需要arguments我們就獲取了全部參數(shù)。
function foo(a,b,...rest){
console.log('a = ' + a);
console.log('b = ' + b);
console.log(rest);
}
//變量提升,JavaScript的函數(shù)定義有個(gè)特點(diǎn),它會(huì)先掃描整個(gè)函數(shù)體的語(yǔ)句,把所有申明的變量“提升”到函數(shù)頂部:
'use strict';
function foo() {
var x = 'Hello, ' + y;
console.log(x);
var y = 'Bob';
}
foo();
//不報(bào)錯(cuò),但是y是未定義,等同于如下代碼
function foo() {
var y; // 提升變量y的申明,此時(shí)y為undefined
var x = 'Hello, ' + y;
console.log(x);
y = 'Bob';
}
//常量,用const,變量用var
const PI = 3.14.15926537;
//解構(gòu)賦值
//正常賦值
var array = ['hello', 'JavaScript', 'ES6'];
var x = array[0];
var y = array[1];
var z = array[2];
//可以這樣
var [x, y, z] = ['hello', 'JavaScript', 'ES6'];
var person = {
name: '小明',
age: 20,
gender: 'male',
passport: 'G-12345678'
};
// 如果person對(duì)象沒(méi)有single屬性,默認(rèn)賦值為true:
var {name, single=true} = person;
//高階函數(shù)
//map用法,數(shù)組每個(gè)元素乘方
var arr = [1,2,3];
var newArr = arr.map(function(x){
return x*x;
});
newArr;//[1,4,9]
//reduce用法,求積
var arr = [1,2,3];
var result = arr.reduce(function(x,y){
return x*y;
});
result;//6
//filter過(guò)濾
var arr = [1,2,3,4];
var r = arr.fliter(funciton(s){
return s%2 !== 0;//過(guò)濾掉偶數(shù)
});
//sort排序
var arr = [10,2,3,4];
var r = arr.sort(function(w,y){
if(x>y){
return 1;
}
if(x<y){
return -1;
}
return 0;
});
r;//[2,3,4,10]
//every判斷數(shù)組中所有元素是否滿(mǎn)足條件
var arr = [1,2,3,4];
var result = arr.every(function(s){
return s > 0;
});//true 每個(gè)元素是否大于0
//find()方法用于查找符合條件的第一個(gè)元素,如果找到了,返回這個(gè)元素,否則,返回undefined:
//findIndex()和find()類(lèi)似,也是查找符合條件的第一個(gè)元素,不同之處在于findIndex()會(huì)返回這個(gè)元素的索引,如果沒(méi)有找到,返回-1:
//forEach()和map()類(lèi)似,它也把每個(gè)元素依次作用于傳入的函數(shù),但不會(huì)返回新的數(shù)組。forEach()常用于遍歷數(shù)組,因此,傳入的函數(shù)不需要返回值: