JavaScript數組常用方法介紹
在JavaScript開發過程中,常用的數組方法有哪些?下面YJBYS小編為你一一介紹!
修改數組
- 刪除數組最後一位元素。
var arr = [1, 2, 3];();// 返回 3arr;// [1,2]
t - 刪除數組第一位元素。
var arr = [1, 2, 3];t();// 返回 1arr;// [2,3]
- 往數組的末尾新增一個或多個元素。
var arr = [];(1);// 返回數組長度 1arr;// [1](2,3);arr;// [1,2,3]
ift - 往數組的`開頭新增一個或多個元素。
var arr = [1, 2, 3];ift(0);ift(-1, -2);arr;// [-1, -2, 0, 1, 2]
rse - 把數組元素順序逆轉。
var arr = [1, 2, 3];rse();// [3, 2, 1]arr;// [3, 2, 1]
- 數組排序。
var arr = [1 ,-1, 2];();// [-1, 1, 2]arr;// [-1, 1, 2]arr = [{age: 10,},{age: 1}, {age: 12}];// 按照 age 從小到大排序(function(a, b){return - > 0 ? 1 : -1;});
ce - 給數組添加或者刪除元素。
// splice(開始下標, 刪除個數,插入元素(可以多個))var arr = [1, 2, 3, 4];ce(1, 2);// [2,3]arr;// [1,4]arr = [1, 2, 3, 4];ce(1, 2, 'a', 'b', 'c');// [2,3]arr;// [1, "a", "b", "c", 4]
注意:當數組執行上面的這些方法時,都會修改原數組。
迭代方法
ach - 遍歷數組。
['a' ,'b' ,'c']ach(function(each, index){(each,index);});// 輸出 'a' 0 'b' 1 'c' 2
er - 從數組中找出所有符合指定條件的元素。
// 找出所有正數var res = [3, 4, -1]er(function(each){return each > 0;});res; //[3,4]
y - 數組中是否每個元素都滿足指定的條件。
// 是否都為正數var isAllPositive = [3, 4, -1]y(function(each){return each > 0;});isAllPositive; // false;isAllPositive = [3, 4]y(function(each){return each > 0;});isAllPositive; // true;
- 數組中是否有元素滿足指定的條件。
// 是否有正數var isSomePositive = [3, 4, -1](function(each){return each > 0;});isSomePositive; // true;isSomePositive = [-3, -4]y(function(each){return each > 0;});isSomePositive; // false;
- 將數組映射成另一個數組。
// 內容 * 2[1, 2, 3](function(each){return each * 2;});// 返回 [2, 4, 6]
ce - 將數組合成一個值。
// 數組內容求和。0 為初始值[1, 2, 3]ce(function(prev, each){return prev + each;}, 0);// 返回 6
當要使用迭代方法時,forEach 應該是最後被考慮的。主要原因是:forEach 與其他迭代方法比,語義性是最差的。更詳細的説明見 avoid forEach。
網址:
注意 IE8 及以下版本不支持 every, some, map, reduce。如果想在 IE 8 及以下版本用這幾個方法,可以用es5-shim 或 lodash。
其他方法
ray - 是否是數組。IE9+ 支持該方法。
ray(3); // ray({}); // ray([]); // true
at - 合併數組或合併數組的值。
[1,2,3]at(4,5); // 輸出 [1, 2, 3, 4, 5]
- 合併數組所有元素拼接成字符串。
[1,2,3](); // 輸出 '1,2,3'[1,2,3]('@'); // 輸出 '1@2@3'
e - 選擇數組中的一部分元素。
// slice(開始下標, 結束下標(可選,默認為數組長度))['a', 'b', 'c', 'd']e(1);// ["b", "c", "d"]['a', 'b', 'c', 'd']e(1, 2);// ["b"]['a', 'b', 'c', 'd']e(1, 3);// ["b", "c"]
xOf - 查找數組中指定元素的下標。
['a', 'b', 'c', 'd']xOf('c'); // 2['a', 'b', 'c', 'd']xOf('g'); // -1
IndexOf - 查找數組中指定元素的下標。查找方向為從後往前。
['c', 'd', 'c']IndexOf('c'); // 2['a', 'b', 'c', 'd']IndexOf('g'); // -1
-
ASP.NET新型的投票結果顯示方法
一個投票功能模塊少不了查看投票結果,用進度條顯示各個投票結果可以起到一目瞭然的效果。以下是我的方法,請大家不吝賜教:1:做一張圖片用於做進度條,只需要很小的一個圖片就可以了,如高20px,寬1px。2:在要顯示進度條的單元格中插入image控件,其imageUrl設置為已做好的...
-
JavaScript的課堂講解
本文主要內容:1.分析函數的四種調用形式2.弄清楚函數中this的意義3.明確構造函對象的過程4.學會使用上下文調用函數一、函數調用形式函數調用形式是最常見的形式,也是最好理解的形式。所謂函數形式就是一般聲明函數後直接調用即是。例如:複製代碼代碼如下://聲明...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
製作網頁,dreamweaver的基本步驟
網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIFs,JPEGs,PNGs)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。以下是小編為大家搜索整理的Dreamweaver製作網頁的基本步驟,歡迎閲讀!更多精彩內容請及時關注我們考試...