首頁 > web前端 > js教程 > 主體

javascript可以取數組的值嗎

青灯夜游
發布: 2023-01-07 11:47:40
原創
6209 人瀏覽過

javascript可以取陣列的值,取得值的方法:1、使用「陣列變數名稱[下標值]」語句;2、使用slice()函數,語法「arr.slice(下標,元素個數)」;3、使用splice()函數,語法「arr.splice(下標,元素個數)」。

javascript可以取數組的值嗎

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript取得陣列值的方法

#方法1:利用陣列變數名稱[下標值] 的形式

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
console.log(fruits[2]);
登入後複製

javascript可以取數組的值嗎

方法2:使用slice()函數

slice() 法來觸及陣列中指定區段的元素,並傳回這個子數組。此方法包含兩個參數,分別指定截取子數組的起始和結束位置的下標。

var a = [1,2,3,4,5];  //定义数组
var b = a.slice(2,5);  //截取第三个元素到第六个元素前的所有元素
console.log(b);  //返回[3,4,5]
登入後複製

使用該方法時,應該注意下面幾個問題。

1) 第 1 個參數指定起始下標位置,包括該值指定的元素;第 2 個參數指定結束位置,不包含指定的元素。

2) 此方法的參數可以自由設定。如果不傳遞參數,則不會執行任何操作;如果僅指定一個參數,則表示從該參數值指定的下標位置開始,截取到陣列的尾部所有元素。

var b = a.slice(2);  //截取数组中第三个元素,以及后面所有元素
console.log(b);   //返回[3,4,5]
登入後複製

3) 當參數為負值時,表示以從右到左的順序進行定位,即倒數定位法,而不再以正數順序定位(從左到右),但取值順序依然是從左到右。

var b = a.slice(-4,-2);  //截取倒数第四个元素到倒数第二个元素前的元素
console.log(b);   //返回[2,3]
登入後複製

如果起始下標值大於或等於結束下標值,將不執行任何操作。

var b = a.slice(-2,-4);  //截取倒数第二个元素到倒数第四个元素前的元素
console.log(b);  //返回空集
登入後複製

上面範例說明數組在截取時,總是按從左到右的順序執行操作,而不會是從右到左的反向操作。

4) 當起始參數值大於或等於 length 屬性值時,將不會執行任何操作,並傳回空數組。而如果第二個參數值大於 length 屬性值時,將被視為 length屬性值。

var b = a.slice(3,10);  //截取第四个元素,直到后面所有元素
console.log(b);  //返回[4,5]
登入後複製

5) slice() 方法將傳回陣列的一部分(子陣列),但不會修改原始數組。而 splice() 方法是在原數組基礎上進行截取。如果希望在原數組基礎上進行截取操作,而不是截取為新的數組,這時候就只能夠使用 splice() 方法了。

方法3:使用splice()函數

splice() 方法可以加入元素、刪除元素,也可以截取陣列片段。刪除元素時,將會傳回已刪除的陣列片段,因此可以使用 splice() 方法截取陣列片段。

splice() 方法執行的傳回值是被刪除的子數組。

var a = [1,2,3,4,5];  //定义数组
var b = a.splice(2);  //从第三个元素开始执行删除
console.log(b);  //被删除的子数组是[1,2]
登入後複製

如果沒有刪除元素,則傳回的是一個空數組。

var b = a.splice(2,0);  //不执行删除操作
console.log(b.constructor == Array);  //返回true,说明是一个空数组
登入後複製

【推薦學習:javascript進階教學

以上是javascript可以取數組的值嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!