陣列
創建陣列
- 利用 new 創建陣列
var arr = new Array();
console.log(arr); // Array(0)- 陣列字面量創建
var arr = []; // 空陣列
var arr1 = ['1', '2'] // 初始值陣列陣列中的元素
- 陣列里面的元素型別
可以放任意型別
var arr = [1, '3', true, 1.9]
- 獲取元素
通過索引， 索引是 0 開始
var arr = [1, '3', true, 1.9];
console.log(arr[0]); // 1- 增加元素
可以通過.length在末尾增加元素
var arr = [1, 2];
arr[arr.length] = 3;
console.log(arr); // (3) [1, 2, 3]- 添加，洗掉陣列元素
方法名 | 說明 | 回傳值 |
push(引數1) | 末尾添加一個或多個,修改原來陣列 | 回傳新的長度 |
pop() | 洗掉最后一個元素，修改原來陣列 | 回傳洗掉的元素值 |
unshift（引數1） | 開頭添加一個或多個元素，修改原陣列 | 回傳新的長度 |
shift（） | 洗掉陣列第一引數，修改原陣列 | 回傳第一個元素值 |
排序
方法名 | 說明 | 是否修改原來陣列 |
reverse() | 顛倒陣列中的元素 | 回傳新陣列 |
sort() | 對元素進行排序 | 回傳新陣列 |
索引
轉換為字串
join方法如果不傳入引數，則按照 “ , ”拼接元素
其他方法
遍歷陣列
- 遍歷
for 回圈遍歷陣列中每一項
var arr = [1, '3', true, 1.9]; for (var i=0; i<arr.length; i++) { console.log(arr[i]); } // 1 3 true 1.9
- 陣列長度
陣列中的元素個數
var arrStus = [1,2,3];
alert(arrStus.length); // 3檢查是否為陣列
- instanceof 運算子
判斷一個物件是否是某個建構式的實體
var arr = [1, 2];
var obj = {};
console.log(arr instanceof Array); // true
console.log(obj instanceof Array); // false- Array.isArray()
Array.isArray()用于判斷一個物件是否為陣列
var arr = [1, 2];
var obj = {};
console.log(arr.isArray()); // true
console.log(obj.isArray()); // false字串
根據字符回傳位置
根據位置回傳字符
字串操作方法
方法名 | 說明 |
concat(str1, str2) | 連接兩個或多個字串，等效于+ |
substr(start, length) | 從start（索引）開始，length 取的個數 |
slice（start, end） | 從start位置開始，到end位置結束，end不取（兩個都是索引號） |
substring（start, end） | 從start位置開始，到end位置結束，end不取 跟slice雷同，但是不取 - 的索引（兩個都是索引號） |
replace() 方法 | 字串.replace(被替換的字串， 要替換為的字串)； |
split() 方法 | 字串.split("分割字符"); 它可以將字串切分為陣列,回傳的是一個新陣列 |
函式
- 函式感念
函式：就是封裝了一段可被重復呼叫執行的代碼塊，通過此代碼塊可以實作大量代碼的重復使用，但是比較具有局限性，
宣告函式
- 自定義函式方式(命名函式)
// 宣告函式 function 函式名() { //函式體代碼 } function Getnum() { console.log('1122'); }
// 呼叫函式 函式名(); // 通過呼叫函式名來執行函式體代碼 Getnum();
- 函式運算式方式(匿名函式）
// 這是函式運算式寫法，匿名函式后面跟分號結束
var fn = function(){...}；
// 呼叫的方式，函式呼叫必須寫到函式體下面
fn();函式引數
引數 | 說明 |
形參 | 函式定義的時候 傳遞的引數 當前并不知道是什么 |
實參 | 函式呼叫的時候 傳遞給引數 實參傳給形參 |
// 帶引數的函式宣告
function 函式名(形參1, 形參2 , 形參3...) { // 可以定義任意多的引數，用逗號分隔
// 函式體
}
// 帶引數的函式呼叫
函式名(實參1, 實參2, 實參3...);- 形參和實參不匹配
引數個數 | 說明 |
實參 == 形參 個數 | 輸出正常 |
實參 > 形參 個數 | 只取形參的個數 |
實參 < 形參 個數 | 多的形參為underfined 結果NaN |
function Getnum(a, b, c) { console.log(a, b, c); } Getnum(1, 2); // 1 2 實參 == 形參 Getnum(1, 2, 3); // 1 2 實參 > 形參 Getnum(1, 2); // 1 2 undefined 實參 < 形參
- arguments
當不確定有多少個引數傳遞的時候，可以用 arguments 來獲取.
- 具有.length 屬性
- 按索引方式儲存資料
- 不具有陣列的 push , pop 等方法
function Getnum() {
console.log(arguments);
}
Getnum(1, 2 ,3) // Arguments(3) [1, 2, 3, callee: ?, Symbol(Symbol.iterator): ?]函式回傳值
// 宣告函式
function 函式名（）{
...
return 需要回傳的值；
}
// 呼叫函式
函式名(); // 此時呼叫函式就可以得到函式體內return 后面的值- return
不僅可以退出回圈，還能夠回傳 return 陳述句中的值，同時還可以結束當前的函式體內的代碼
- break
結束當前的回圈體（如 for、while）
- continue
跳出本次回圈，繼續執行下次回圈（如 for、while）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/6712.html
標籤：其他
上一篇：微信公眾號怎么查京東優惠券之3步搭建自己的找券機器人
下一篇：WebApp開發-Zepto