摘要:數組常用方法介紹刪除數組最后一位元素。開始下標刪除個數,插入元素可以多個注意當數組執行上面的這些方法時,都會修改原數組。輸出從數組中找出所有符合指定條件的元素。內容返回將數組合成一個值。合并數組或合并數組的值。
JavaScript 數組常用方法介紹
array.pop – 刪除數組最后一位元素。
var arr = [1, 2, 3]; arr.pop();// 返回 3 arr;// [1,2]
array.shift – 刪除數組第一位元素。
var arr = [1, 2, 3]; arr.shift();// 返回 1 arr;// [2,3
]
array.push – 往數組的末尾新增一個或多個元素。
var arr = [];arr.push(1);// 返回數組長度 1 arr;// [1] arr.push(2,3); arr;// [1,2,3]
array.unshift – 往數組的開頭新增一個或多個元素。
var arr = [1, 2, 3]; arr.unshift(0); arr.unshift(-1, -2); arr;// [-1, -2, 0, 1, 2]
array.reverse – 把數組元素順序逆轉。
var arr = [1, 2, 3]; arr.reverse();// [3, 2, 1] arr;// [3, 2, 1]
array.sort – 數組排序。
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 – 給數組添加或者刪除元素。
// splice(開始下標, 刪除個數,插入元素(可以多個))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]
注意:當數組執行上面的這些方法時,都會修改原數組。
迭代方法
array.forEach – 遍歷數組。
["a" ,"b" ,"c"].forEach(function(each, index){console.log(each,index);}); // 輸出 "a" 0 "b" 1 "c" 2
array.filter – 從數組中找出所有符合指定條件的元素。
// 找出所有正數
var res = [3, 4, -1].filter(function(each){return each > 0;});
res; //[3,4]
array.every – 數組中是否每個元素都滿足指定的條件。
// 是否都為正數
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 – 數組中是否有元素滿足指定的條件。
// 是否有正數
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 – 將數組映射成另一個數組。
// 內容 * 2[1, 2, 3].map(function(each){return each * 2;}); // 返回 [2, 4, 6]
array.reduce – 將數組合成一個值。
// 數組內容求和。0 為初始值[1, 2, 3].reduce(function(prev, each){return prev + each;}, 0);// 返回 6
當要使用迭代方法時,forEach 應該是最后被考慮的。主要原因是:forEach 與其他迭代方法比,語義性是最差的。更詳細的說明見 avoid forEach。
網址:http://aeflash.com/2014-11/avoid-foreach.html
注意 IE8 及以下版本不支持 every, some, map, reduce。如果想在 IE 8 及以下版本用這幾個方法,可以用es5-shim 或 lodash。
其他方法
Array.isArray – 是否是數組。IE9+ 支持該方法。
Array.isArray(3); // false Array.isArray({}); // false Array.isArray([]); // true
array.concat – 合并數組或合并數組的值。
[1,2,3].concat(4,5); // 輸出 [1, 2, 3, 4, 5]
array.join – 合并數組所有元素拼接成字符串。
[1,2,3].join(); // 輸出 "1,2,3" [1,2,3].join("@"); // 輸出 "1@2@3"
array.slice – 選擇數組中的一部分元素。
// slice(開始下標, 結束下標(可選,默認為數組長度))
["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 – 查找數組中指定元素的下標。
["a", "b", "c", "d"].indexOf("c"); // 2 ["a", "b", "c", "d"].indexOf("g"); // -1
array.lastIndexOf – 查找數組中指定元素的下標。查找方向為從后往前。
["c", "d", "c"].lastIndexOf("c"); // 2 ["a", "b", "c", "d"].lastIndexOf("g"); // -1
參考
D3.js 的數組 Wiki
https://github.com/mbostock/d3/wiki/%E6%95%B0%E7%BB%84
avoid forEach
http://aeflash.com/2014-11/avoid-foreach.html
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/78504.html
摘要:常用方法作用向從數組中添加刪除項目,然后返回被刪除的項目。注釋該方法并不會修改數組,而是返回一個子數組。語法表示數組開始選定的位置表示數組結束選定的位置作用從已有的數組末尾增加一個元素。 JavaScript 常用方法 1. splice() 作用:向/從數組中添加/刪除項目,然后返回被刪除的項目。 注釋:該方法會改變原始數組。 語法:arrayObject.splice(...
摘要:省略則對數組元素進行排序返回該數組從數組中添加刪除項目返回被刪除的元素插入替換刪除 Array對象常用方法 不改變原數組 concat() join() slice() toString() 改變原數組 pop() push() reverse() shift() unshift() sort() splice() 不改變原數組 array.concat(array) 連接兩個...
摘要:數組常用方法數組作為中常用的數據類型使我們用的最多的在其他地方可以搜索出很多對其方法的總結本文列舉了筆者認為的個人認為最為重要的一系列方法字符串數組轉換數組字符串轉換轉換時可以添加符號還有一個是查找元素返回第一個與參數相同的元素的索引。 js數組常用方法 數組作為js中常用的數據類型使我們用的最多的, 在其他地方可以搜索出很多對其方法的總結, 本文列舉了筆者認為的(個人認為^_^)最為...
摘要:本文記錄關于數組的一些常用方法,搜集總結。對于數組中的每個元素,都會調用函數一次。返回值是一個新數組,其中的每個元素均為關聯的原始數組元素的回調函數返回值。 本文記錄關于js數組的一些常用方法,搜集總結。 主要思路: 1. 方法功能是什么 2. 傳遞的參數是什么 3. 返回值是什么 4. 原來的數組是否改變 第一組:關于數組的增加、刪除和修改 1.push 向數組末尾增加新的...
摘要:本系列文章適合快速掌握入門語法,想深入學習的小伙伴可以看看阮一峰老師的入門本篇文章是對之前文章的一個補充,可以使代碼更簡潔函數參數默認值在傳統語法中如果想設置函數默認值一般我們采用判斷的形式在新的語法中我們可以在參數聲明的同時賦予默認值參數 本系列文章適合快速掌握 ES6 入門語法,想深入學習 ES6 的小伙伴可以看看阮一峰老師的《ECMAScript 6 入門》 本篇文章是對之前文章...
閱讀 2381·2021-10-09 09:41
閱讀 3172·2021-09-26 09:46
閱讀 835·2021-09-03 10:34
閱讀 3151·2021-08-11 11:22
閱讀 3364·2019-08-30 14:12
閱讀 711·2019-08-26 11:34
閱讀 3344·2019-08-26 11:00
閱讀 1749·2019-08-26 10:26