国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JavaScript數組函數unshift、shift、pop、push使用實例

2024-05-06 16:08:03
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了JavaScript數組函數unshift、shift、pop、push使用實例,本文先是講解了聲明數組的方法,然后對4個函數使用給出了一些例子,需要的朋友可以參考下
 
 

如何聲明數組

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函數操作都會在數組本身上修改。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 名山县| 凤台县| 南郑县| 肥东县| 鄂托克旗| 邻水| 华亭县| 姜堰市| 乌鲁木齐县| 车险| 化州市| 宁远县| 洮南市| 朝阳市| 德格县| 濉溪县| 盐亭县| 萨嘎县| 谢通门县| 长沙市| 邳州市| 时尚| 怀远县| 武安市| 库尔勒市| 建阳市| 锦州市| 平乡县| 海南省| 安乡县| 鲁甸县| 右玉县| 郓城县| 桑日县| 莲花县| 伊金霍洛旗| 融水| 张掖市| 井研县| 鹤岗市| 腾冲县|