首頁 > web前端 > js教程 > JavaScript如何宣告陣列和一些常用陣列函數用法彙總

JavaScript如何宣告陣列和一些常用陣列函數用法彙總

伊谢尔伦
發布: 2017-07-25 14:50:48
原創
1625 人瀏覽過

如何宣告陣列

s中陣列的宣告可以有幾種方式宣告

var tmp = [];  // 简写模式
var tmp = new Array(); // 直接new一个
var tmp = Array();  // 或者new也可以
登入後複製

在new陣列的時候可以傳入一個參數,表示陣列的初始化長度

// new的时候传入一个参数表示初始化数组长度
var tmp = new Array(3); 
 
alert(tmp.length);  // 3
登入後複製

但如果你想建立一個只有一個元素3的數組,那麼使用new 方法是不能實現的,因為系統會把你傳入的3當作數組的長度,除非你使用引號引起來當作字串,如

var tmp = new Array('3'); 
alert(tmp);  // 3
登入後複製

我們可以使用簡寫模式建立數組,這樣就可以創建只有一個數字元素3的數組

var tmp = [3]
alert(typeof tmp[0]);  // number
登入後複製

也可以初始多個元素,並且元素的值可以是任意型別

// 简约模式创建数组
// 数组的元素可以是任意一种数据类型
var tmp = [3,true,8.5,{'name':'lizhong'},['a','b']];
alert(tmp.length); // 5
登入後複製

一、unshift 在陣列第一個元素前插入元素

// 使用unshift在数组第一个元素前插入元素
// 返回数组长度
var tmp = ['a','b'];
var len = tmp.unshift('c');
alert(len); // 3
alert(tmp); // c,a,b
登入後複製

也可以一次插入多個元素,順序依序從左邊排起

// 使用unshift在数组第一个元素前插入元素
// 返回数组长度
var tmp = ['a','b'];
var len = tmp.unshift('c','d');
alert(len); // 4
alert(tmp); // c,d,a,b
登入後複製

二、shift彈出陣列第一個元素,傳回被彈出的元素值

小實例:

// 使用shift弹出数组第一个元素
// 返回被弹出的元素值
var tmp = ['a','b','c'];
var val = tmp.shift();
alert(val); // a
alert(tmp); // b,c
登入後複製

如果是一個空數組:

// 使用shift弹出数组第一个元素
// 返回被弹出的元素值
var tmp = [];
var val = tmp.shift();
alert(val); // undefined
alert(tmp); // 空
登入後複製

三、push在數組末尾添加元素

跟unshift相反,push在數組末尾添加元素,返回添加元素以後的數組長度

// 使用push在数组末尾添加多个元素
// 返回数组最新长度
var tmp = ['a','b','c'];
var len = tmp.push('d');
alert(len); // 4
alert(tmp); // a,b,c,d
登入後複製

也可以一次加入多個元素

// 使用push在数组末尾添加多个元素
// 返回数组最新长度
var tmp = ['a','b','c'];
var len = tmp.push('d','e','f');
alert(len); // 6
alert(tmp); // a,b,c,d,e,f
登入後複製

四、pop函數刪除陣列結尾元素

跟shift相反,pop彈出的是陣列結尾元素,傳回被彈出的元素值

// 使用pop弹出数组末尾元素
// 返回被弹出的元素值
var tmp = ['a','b','c'];
var val = tmp.pop();
alert(val); // c
alert(tmp); // a,b
登入後複製

如果陣列為空,回傳undefined

// 使用pop弹出数组末尾元素
// 返回被弹出的元素值
var tmp = [];
var val = tmp.pop();
alert(val); // undefined
alert(tmp); // 空
登入後複製

利用以上四個函數,我們可以做一些佇列處理,具體案例就不寫程式碼了。
push功能其實也可以這麼實作 

var tmp = ['a','b','c'];
tmp[tmp.length] = 'd';
alert(tmp); // a,b,c,d
登入後複製

注意:以上四個函數unshift、shift、pop、push函數運算都會在陣列本身上修改。

以上是JavaScript如何宣告陣列和一些常用陣列函數用法彙總的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板