成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Javascript數(shù)組常用方法

verano / 2049人閱讀

摘要:數(shù)組常用方法介紹刪除數(shù)組最后一位元素。開始下標(biāo)刪除個數(shù),插入元素可以多個注意當(dāng)數(shù)組執(zhí)行上面的這些方法時,都會修改原數(shù)組。輸出從數(shù)組中找出所有符合指定條件的元素。內(nèi)容返回將數(shù)組合成一個值。合并數(shù)組或合并數(shù)組的值。

JavaScript 數(shù)組常用方法介紹

array.pop – 刪除數(shù)組最后一位元素。

var arr = [1, 2, 3];
arr.pop();// 返回 3
arr;// [1,2]

array.shift – 刪除數(shù)組第一位元素。

var arr = [1, 2, 3];
arr.shift();// 返回 1
arr;// [2,3

]
array.push – 往數(shù)組的末尾新增一個或多個元素。

var arr = [];arr.push(1);// 返回?cái)?shù)組長度 1
arr;// [1]
arr.push(2,3);
arr;// [1,2,3]

array.unshift – 往數(shù)組的開頭新增一個或多個元素。

var arr = [1, 2, 3];
arr.unshift(0);
arr.unshift(-1, -2);
arr;// [-1, -2, 0, 1, 2]

array.reverse – 把數(shù)組元素順序逆轉(zhuǎn)。

var arr = [1, 2, 3];
arr.reverse();// [3, 2, 1]
arr;// [3, 2, 1]

array.sort – 數(shù)組排序。

var arr = [1 ,-1, 2];
arr.sort();// [-1, 1, 2]
arr;// [-1, 1, 2]
arr = [{age: 10,},{age: 1}, {age: 12}];// 按照 age 從小到大排序
arr.sort(function(a, b){return a.age - b.age > 0 ? 1 : -1;});

array.splice – 給數(shù)組添加或者刪除元素。

// splice(開始下標(biāo), 刪除個數(shù),插入元素(可以多個))var arr = [1, 2, 3, 4];

arr.splice(1, 2);// [2,3]
arr;// [1,4]
arr = [1, 2, 3, 4];
arr.splice(1, 2, "a", "b", "c");// [2,3]
arr;// [1, "a", "b", "c", 4]

注意:當(dāng)數(shù)組執(zhí)行上面的這些方法時,都會修改原數(shù)組。

迭代方法
array.forEach – 遍歷數(shù)組。

["a" ,"b" ,"c"].forEach(function(each, index){console.log(each,index);});
// 輸出 "a" 0  "b" 1 "c" 2

array.filter – 從數(shù)組中找出所有符合指定條件的元素。

// 找出所有正數(shù)
var res = [3, 4, -1].filter(function(each){return each > 0;});
res; //[3,4]
array.every – 數(shù)組中是否每個元素都滿足指定的條件。

// 是否都為正數(shù)

var isAllPositive = [3, 4, -1].every(function(each){return each > 0;});
isAllPositive; // false;
isAllPositive = [3, 4].every(function(each){return each > 0;});
isAllPositive; // true;

array.some – 數(shù)組中是否有元素滿足指定的條件。

// 是否有正數(shù)

var isSomePositive = [3, 4, -1].some(function(each){return each > 0;});
isSomePositive; // true;
isSomePositive = [-3, -4].every(function(each){return each > 0;});
isSomePositive; // false;

array.map – 將數(shù)組映射成另一個數(shù)組。

// 內(nèi)容 * 2[1, 2, 3].map(function(each){return each * 2;});
// 返回 [2, 4, 6]

array.reduce – 將數(shù)組合成一個值。

// 數(shù)組內(nèi)容求和。0 為初始值[1, 2, 3].reduce(function(prev, each){return prev + each;}, 0);// 返回 6
當(dāng)要使用迭代方法時,forEach 應(yīng)該是最后被考慮的。主要原因是:forEach 與其他迭代方法比,語義性是最差的。更詳細(xì)的說明見 avoid forEach。

網(wǎng)址:http://aeflash.com/2014-11/avoid-foreach.html

注意 IE8 及以下版本不支持 every, some, map, reduce。如果想在 IE 8 及以下版本用這幾個方法,可以用es5-shim 或 lodash。

其他方法
Array.isArray – 是否是數(shù)組。IE9+ 支持該方法。

Array.isArray(3); // false
Array.isArray({}); // false
Array.isArray([]); // true

array.concat – 合并數(shù)組或合并數(shù)組的值。

[1,2,3].concat(4,5); // 輸出 [1, 2, 3, 4, 5]
array.join – 合并數(shù)組所有元素拼接成字符串。

[1,2,3].join(); // 輸出 "1,2,3"
[1,2,3].join("@"); // 輸出 "1@2@3"

array.slice – 選擇數(shù)組中的一部分元素。

// slice(開始下標(biāo), 結(jié)束下標(biāo)(可選,默認(rèn)為數(shù)組長度))

["a", "b", "c", "d"].slice(1);// ["b", "c", "d"]
["a", "b", "c", "d"].slice(1, 2);// ["b"]
["a", "b", "c", "d"].slice(1, 3);// ["b", "c"]

array.indexOf – 查找數(shù)組中指定元素的下標(biāo)。

["a", "b", "c", "d"].indexOf("c"); // 2
["a", "b", "c", "d"].indexOf("g"); // -1

array.lastIndexOf – 查找數(shù)組中指定元素的下標(biāo)。查找方向?yàn)閺暮笸啊?/p>

["c", "d", "c"].lastIndexOf("c"); // 2
["a", "b", "c", "d"].lastIndexOf("g"); // -1

參考
D3.js 的數(shù)組 Wiki
https://github.com/mbostock/d3/wiki/%E6%95%B0%E7%BB%84

avoid forEach
http://aeflash.com/2014-11/avoid-foreach.html

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/78504.html

相關(guān)文章

  • JavaScript 常用方法

    摘要:常用方法作用向從數(shù)組中添加刪除項(xiàng)目,然后返回被刪除的項(xiàng)目。注釋該方法并不會修改數(shù)組,而是返回一個子數(shù)組。語法表示數(shù)組開始選定的位置表示數(shù)組結(jié)束選定的位置作用從已有的數(shù)組末尾增加一個元素。 JavaScript 常用方法 1. splice() 作用:向/從數(shù)組中添加/刪除項(xiàng)目,然后返回被刪除的項(xiàng)目。 注釋:該方法會改變原始數(shù)組。 語法:arrayObject.splice(...

    ranwu 評論0 收藏0
  • JavaScript Array對象常用方法

    摘要:省略則對數(shù)組元素進(jìn)行排序返回該數(shù)組從數(shù)組中添加刪除項(xiàng)目返回被刪除的元素插入替換刪除 Array對象常用方法 不改變原數(shù)組 concat() join() slice() toString() 改變原數(shù)組 pop() push() reverse() shift() unshift() sort() splice() 不改變原數(shù)組 array.concat(array) 連接兩個...

    wangdai 評論0 收藏0
  • javascript數(shù)組常用方法

    摘要:數(shù)組常用方法數(shù)組作為中常用的數(shù)據(jù)類型使我們用的最多的在其他地方可以搜索出很多對其方法的總結(jié)本文列舉了筆者認(rèn)為的個人認(rèn)為最為重要的一系列方法字符串?dāng)?shù)組轉(zhuǎn)換數(shù)組字符串轉(zhuǎn)換轉(zhuǎn)換時可以添加符號還有一個是查找元素返回第一個與參數(shù)相同的元素的索引。 js數(shù)組常用方法 數(shù)組作為js中常用的數(shù)據(jù)類型使我們用的最多的, 在其他地方可以搜索出很多對其方法的總結(jié), 本文列舉了筆者認(rèn)為的(個人認(rèn)為^_^)最為...

    GraphQuery 評論0 收藏0
  • JavaScript數(shù)組——常用數(shù)組方法匯總

    摘要:本文記錄關(guān)于數(shù)組的一些常用方法,搜集總結(jié)。對于數(shù)組中的每個元素,都會調(diào)用函數(shù)一次。返回值是一個新數(shù)組,其中的每個元素均為關(guān)聯(lián)的原始數(shù)組元素的回調(diào)函數(shù)返回值。 本文記錄關(guān)于js數(shù)組的一些常用方法,搜集總結(jié)。 主要思路: 1. 方法功能是什么 2. 傳遞的參數(shù)是什么 3. 返回值是什么 4. 原來的數(shù)組是否改變 第一組:關(guān)于數(shù)組的增加、刪除和修改 1.push 向數(shù)組末尾增加新的...

    HollisChuang 評論0 收藏0
  • [ ES6 ] 快速掌握常用 ES6 (二)

    摘要:本系列文章適合快速掌握入門語法,想深入學(xué)習(xí)的小伙伴可以看看阮一峰老師的入門本篇文章是對之前文章的一個補(bǔ)充,可以使代碼更簡潔函數(shù)參數(shù)默認(rèn)值在傳統(tǒng)語法中如果想設(shè)置函數(shù)默認(rèn)值一般我們采用判斷的形式在新的語法中我們可以在參數(shù)聲明的同時賦予默認(rèn)值參數(shù) 本系列文章適合快速掌握 ES6 入門語法,想深入學(xué)習(xí) ES6 的小伙伴可以看看阮一峰老師的《ECMAScript 6 入門》 本篇文章是對之前文章...

    hidogs 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<