1. 常用內置物件

所謂內置物件就是ECMAScript提供出來的一些物件，我們知道物件都是有相應的屬性和方法，

1.1 陣列Array

1.1.1 陣列的創建方式

字面量方式創建（推薦大家使用這種方式），

var colors = ['red','color','yellow'];

使用建構式（后面會講）的方式創建，使用new關鍵詞對建構式進行創建物件，

var colors2 = new Array();

1.1.2 陣列的賦值

var arr = [];
//通過下標進行一一賦值
arr[0] = 123;
arr[1] = '哈哈哈';
arr[2] = '嘿嘿嘿'

1.1.3 陣列的常用方法

(1) concat()：陣列的合并

var north = ['北京','山東','天津'];
var south = ['東莞','深圳','上海'];
        
var newCity = north.concat(south);
console.log(newCity)

(2) join()：將陣列中的元素使用指定的字串連接起來，它會形成一個新的字串

var score = [98,78,76,100,0];
var str = score.join('|');
console.log(str);//98|78|76|100|0

(3) toString()：將陣列轉換成字串

var score = [98,78,76,100,0];
//toString() 直接轉換為字串  每個元素之間使用逗號隔開
           
var str = score.toString();
console.log(str);//98,78,76,100,0

(4) slice(start,end)：回傳陣列的一段，左閉右開

var arr = ['張三','李四','王文','趙六'];
var newArr  = arr.slice(1,3);
console.log(newArr);//["李四", "王文"]

(5) pop()：洗掉陣列的最后一個元素并回傳洗掉的元素

var arr = ['張三','李四','王文','趙六'];
var item = arr.pop();
console.log(arr);//["張三", "李四"，"王文"]
console.log(item);//趙六

(6) push()：向陣列末尾添加一個元素或多個元素，并回傳新的長度

var arr = ['張三','李四','王文','趙六'];
var newLength= arr.push('小馬哥');//可以添加多個，以逗號隔開
console.log(newLength);//5
console.log(arr);//["張三", "李四"，"王文"，"趙六"，"小馬哥"]

(7) reverse()：翻轉陣列

var names = ['alex','xiaoma','tanhuang','angle'];
       
//4.反轉陣列
names.reverse();
console.log(names);

(8) sort()：對陣列排序

var names = ['alex','xiaoma','tanhuang','abngel'];
names.sort();
console.log(names)；// ["alex", "angle", "tanhuang", "xiaoma"]

(9) isArray()：判斷是否為陣列

布爾型別值 = Array.isArray(被檢測的值) ;

(10) shift()：洗掉并回傳陣列的第一個元素

var arr = ['張三','李四','王文','趙六'];
var a = arr.shift();
console.log(a); //張三
console.log(arr); //['李四','王文','趙六']

(11) unshift()：向陣列的開頭添加一個或更多元素，并回傳新的長度

var arr = ['張三','李四','王文','趙六'];
var a = arr.unshift('王五');
console.log(a);  //5
console.log(arr);  //['王五','張三','李四','王文','趙六']

1.2 字串String的常用方法

字串方法：

(1) chartAt()：回傳指定索引的位置的字符

var str = 'alex';
var charset = str.charAt(1);
console.log(charset);//l

(2) concat()：回傳字串值，表示兩個或多個字串的拼接

var str1 = 'al';
var str2  = 'ex';
console.log(str1.concat(str2,str2));//alexex

(3) replace(a,b)：將字串a替換成字串b

var a = '1234567755';
var newStr = a.replace("4567","****");
console.log(newStr);//123****755

(4) indexof()：查找字符的下標，如果找到回傳字串的下標，找不到則回傳-1 ，跟seach()方法用法一樣

var str = 'alex';
console.log(str.indexOf('e'));//2
console.log(str.indexOf('p'));//-1

(5) slice(start，end)：提取一個字串的一部分，并回傳一新的字串，左閉右開 分割字串

var str = '小馬哥';
console.log(str.slice(1,2));//馬

(6) split('a',1)：以字串a分割字串，并回傳新的陣列，如果第二個引數沒寫，表示回傳整個陣列，如果定義了個數，則回傳陣列的最大長度

var  str =  '我的天呢,a是嘛,你在說什么呢?a哈哈哈';
console.log(str.split('a'));//["我的天呢,", "是嘛,你在說什么呢?", "哈哈哈"]

(7) substr(start,length)：回傳一個字串中從指定位置開始到指定字符數的字符

var  str =  '我的天呢,a是嘛,你在說什么呢?a哈哈哈';
console.log(str.substr(0,4));//我的天呢

(8) toLowerCase()：轉小寫

var str = 'XIAOMAGE';
console.log(str.toLowerCase())；//xiaomage

(9) toUpperCase()：轉大寫

var str = 'xiaomage';
console.log(str.toUpperCase());

(10) substring(indexStart,indexEnd)：提取字串中介于兩個指定下標之間的字符，

如果 indexStart 等于 indexEnd，substring 回傳一個空字串，

如果省略 indexEnd，substring 提取字符一直到字串末尾，

如果任一引數小于 0 或為 NaN，則被當作 0，

如果任一引數大于 stringName.length，則被當作 stringName.length，

如果 indexStart 大于 indexEnd，則 substring 的執行效果就像兩個引數調換了一樣

(11) trim()：去除字串兩邊的空白

主要應用是用戶登錄注冊，因為無法預測用戶輸入的內容，可能會輸入空格，所以輸入結果可以去除空白， 

var str = '   xhh   ';
console.log(str);
console.log(str.trim());

1.3 Date日期物件

創建日期物件只有建構式一種方式，使用new關鍵字，

//創建了一個date物件
var myDate = new Date();

//創建日期物件
var myDate=new Date();
        
//獲取一個月中的某一天
console.log(myDate.getDate());

//回傳本地時間
console.log(myDate().toLocalString());//2018/5/27 下午10:36:23

注意：以上getxxx的方法都是對時間的獲取，如果要設定時間，使用setxxx，請參考鏈接：https://www.runoob.com/jsref/jsref-obj-date.html

1.4 Math內置物件

常用內置物件：

(1) Math.ceil() 向上取整

var x = 1.234;
//天花板函式  表示大于等于 x，并且與它最接近的整數是2
var a = Math.ceil(x);
console.log(a);//2

(2) Math.floor()：向下取整

var x = 1.234;
// 小于等于 x，并且與它最接近的整數 1
var b = Math.floor(x);
console.log(b);//1

(3) 求兩個數的最大值和最小值

//求 兩個數的最大值 最小值
console.log(Math.max(2,5));//5
console.log(Math.min(2,5));//2

(4) 亂數：Math.random() 

var ran = Math.random();
console.log(ran); //[0,1)

2. 函式

函式：就是將一些陳述句進行封裝，然后通過呼叫的形式，執行這些陳述句，

函式的作用：將大量重復的陳述句寫在函式里，以后需要這些陳述句的時候，可以直接呼叫函式，避免重復勞動，

簡化編程，讓編程模塊化，

console.log("hello world");
sayHello();     //呼叫函式
//定義函式：
function sayHello(){
    console.log("hello");
    console.log("hello world");
}

2.1 函式的定義

函式定義的語法：

 function 函式名字(){

    }

解釋如下：

function：是一個關鍵字，中文是“函式”、“功能”，

函式名字：命名規定和變數的命名規定一樣，只能是字母、數字、下劃線、美元符號，不能以數字開頭，

引數：后面有一對小括號，里面是放引數用的，

大括號里面，是這個函式的陳述句，

2.2 函式的呼叫

函式呼叫的語法：

 函式名字();

2.2.1 函式的引數：形參和實參

函式的引數包括形參和實參

注意：實際引數和形式引數的個數，要相同，

例子：

sum(3,4);
sum("3",4);
sum("Hello","World");

//函式：求和
function sum(a, b) {
    console.log(a + b);
}

2.2.2 函式的回傳值

例子：

console.log(sum(3, 4));

//函式：求和
function sum(a, b) {
    return a + b;
}

標籤：JavaScript

上一篇：模塊加載原理（第二種）

下一篇：【hexo+github搭建myblog】bash: npm: command not found 問題，疑似解決！關鍵詞：NPM全域安裝路徑