摘要:用來指定按某種順序進行排列的函數。如果省略,元素按照轉換為的字符串的各個字符的位點進行排序。其中為可選參數,當執行回調函數時用作的值參考對象。數組中正在處理的元素。在沒有初始值的空數組上調用將報錯。
1. Array.prototype.push()
像數組一樣使用對象:
var obj = { length: 0, addElem: function addElem (elem) { // obj.length is automatically incremented // every time an element is added. [].push.call(this, elem); } }; // Let"s add some empty objects just to illustrate. obj.addElem({}); obj.addElem({}); console.log(obj.length); // → 2
盡管 obj 不是數組,但是 push 方法成功地使 obj 的 length 屬性增長了,就像我們處理一個實際的數組一樣。
2. Array.prototype.sort()arr.sort(compareFunction)
參數:compareFunction
可選。用來指定按某種順序進行排列的函數。如果省略,元素按照轉換為的字符串的各個字符的Unicode位點進行排序。
如果指明了compareFunction,那么數組會按照調用該函數的返回值排序。即 a 和 b 是兩個將要被比較的元素:
如果compareFunction(a, b)小于 0 ,那么 a 會被排列到 b 之前;
如果compareFunction(a, b)等于 0 , a 和 b 的相對位置不變;
如果compareFunction(a, b)大于 0 , b 會被排列到 a 之前。
比較函數格式如下(字符串與數組都可以比較):
function compare(a, b) { if (a < b ) { // 按某種排序標準進行比較, a 小于 b return -1; } if (a > b ) { return 1; } // a must be equal to b return 0; }3. Array.prototype.unshift()
var arr = [1, 2]; arr.unshift(-2, -1); // = 5 // arr is [-2, -1, 1, 2]4. Array.prototype.concat()
返回新的數組(淺拷貝),不會影響原數組。
如果參數是數組,則把數組的元素放入結果中;
如果參數不是數組,則把參數本身放入結果中。
var num1 = [1, 2, 3], num2 = [4, 5, 6], num3 = [7, 8, 9]; var nums = num1.concat(num2, num3); console.log(nums); // results in [1, 2, 3, 4, 5, 6, 7, 8, 9]; var alpha = ["a", "b", "c"]; var alphaNumeric = alpha.concat(1, [2, 3]); console.log(alphaNumeric); // results in ["a", "b", "c", 1, 2, 3]5. Array.prototype.forEach()
array.forEach(callback(currentValue, index, array){ //do something }, thisArg) array.forEach(callback[, thisArg])
其中:thisArg為可選參數,當執行回調 函數時用作this的值(參考對象)。
下列函數也有thisArg這個可選參數,用法與Array.prototype.forEach()一致:
Array.prototype.forEach()
Array.prototype.every()
Array.prototype.some()
Array.prototype.filter()
Array.prototype.map()
Array.prototype.reduce()
Array.prototype.reduceRight()
6. Array.prototype.map()使用技巧案例
// 下面的語句返回什么呢: ["1", "2", "3"].map(parseInt); // 你可能覺的會是[1, 2, 3] // 但實際的結果是 [1, NaN, NaN] // 通常使用parseInt時,只需要傳遞一個參數. // 但實際上,parseInt可以有兩個參數.第二個參數是進制數. // 可以通過語句"alert(parseInt.length)===2"來驗證. // map方法在調用callback函數時,會給它傳遞三個參數:當前正在遍歷的元素, // 元素索引, 原數組本身. // 第三個參數parseInt會忽視, 但第二個參數不會,也就是說, // parseInt把傳過來的索引值當成進制數來使用.從而返回了NaN. function returnInt(element) { return parseInt(element, 10); } ["1", "2", "3"].map(returnInt); // [1, 2, 3] // 意料之中的結果 // 也可以使用簡單的箭頭函數,結果同上 ["1", "2", "3"].map( str => parseInt(str) ); // 一個更簡單的方式: ["1", "2", "3"].map(Number); // [1, 2, 3] // 與`parseInt` 不同,下面的結果會返回浮點數或指數: ["1.1", "2.2e2", "3e300"].map(Number); // [1.1, 220, 3e+300]7.Array.prototype.reduce()
arr.reduce(callback[, initialValue])
Array.prototype.reduceRight()是與其用法類似,是從右向左遍歷。
參數:
callback: 執行數組中每個值的函數,包含四個參數:
accumulator: 累加器累加回調的返回值; 它是上一次調用回調時返回的累積值,或initialValue(如下所示)。
currentValue: 數組中正在處理的元素。
currentIndex: 可選,數組中正在處理的當前元素的索引。 如果提供了initialValue,則索引號為0,否則為索引為1。
array: 可選,調用reduce的數組。
initialValue: 可選,用作第一個調用 callback的第一個參數的值。 如果沒有提供初始值,則將使用數組中的第一個元素。 在沒有初始值的空數組上調用reduce將報錯。
reduce如何運行
[0, 1, 2, 3, 4].reduce(function(accumulator, currentValue, currentIndex, array){ return accumulator + currentValue; }, 10); // 20
實例:將二維數組轉化為一維
var flattened = [[0, 1], [2, 3], [4, 5]].reduce( function(a, b) { return a.concat(b); }, [] ); // flattened is [0, 1, 2, 3, 4, 5]
實例:使用擴展運算符和initialValue綁定包含在對象數組中的數組
// friends - an array of objects // where object field "books" - list of favorite books var friends = [{ name: "Anna", books: ["Bible", "Harry Potter"], age: 21 }, { name: "Bob", books: ["War and peace", "Romeo and Juliet"], age: 26 }, { name: "Alice", books: ["The Lord of the Rings", "The Shining"], age: 18 }]; // allbooks - list which will contain all friends" books + // additional list contained in initialValue var allbooks = friends.reduce(function(prev, curr) { return [...prev, ...curr.books]; }, ["Alphabet"]); // allbooks = [ // "Alphabet", "Bible", "Harry Potter", "War and peace", // "Romeo and Juliet", "The Lord of the Rings", // "The Shining" // ]
實例:數組去重
let arr = [1,2,1,2,3,5,4,5,3,4,4,4,4]; let result = arr.sort().reduce((init, current)=>{ if(init.length===0 || init[init.length-1]!==current){ init.push(current); } return init; }, []); console.log(result); //[1,2,3,4,5]參考
Array - MDN
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/96085.html
摘要:淺拷貝深拷貝淺拷貝的問題如果父對象的屬性等于數組或另一個對象,那么實際上,子對象獲得的只是一個內存地址,而不是真正拷貝,因此存在父對象被篡改的可能。 淺拷貝: function extendCopy(p) { var c = {}; for (var i in p) { c[i] = p[i]; } return c; } 深拷貝: function deepCopy(p...
摘要:一返回值共有種二變量聲明方法聲明一個變量,可以將其初始化為一個值聲明一個塊級作用域變量,可以將其初始化一個值聲明一個只讀的常量使用的注意事項不支持塊級作用域存在變量提升舉例由于變量聲明提升,這段代碼相當于使用的注意事項塊級作用域 一、type of 返回值共有7種:undefined, object, boolean, number, string, symbol, function ...
摘要:表達式沒有返回值,因此返回結果是。并不改變表達式的結果,只要讓表達式不返回值按慣例我們用來獲得這主要源自語言,當然使用或其他表達式也是可以的。不是數字的數字如果數學運算的操作數不是數字類型,就無法返回一個有效的數字,這種情況下返回值為。 這里的內容是讀書筆記,僅供自己學習所用,有欠缺的地方歡迎留言提示。 第一部分 類型和語法 第1章 類型ECMAScript語言類型包括Undefin...
摘要:自執行函數閉包實現模塊化以樂之名程序員產品經理對作用域,以及閉包知識還沒掌握的小伙伴,可回閱前端進擊的巨人三從作用域走進閉包。參考文檔利用閉包實現模塊化翻譯淺談中的高階函數系列更文請關注專欄前端進擊的巨人,不斷更新中。。。 系列更文前三篇文章,圍繞了一個重要的知識點:函數。函數調用棧、函數執行上下文、函數作用域到閉包。可見不理解函數式編程,代碼都擼不好。 showImg(https:/...
閱讀 1993·2021-11-24 10:45
閱讀 1850·2021-10-09 09:43
閱讀 1291·2021-09-22 15:38
閱讀 1219·2021-08-18 10:19
閱讀 2837·2019-08-30 15:55
閱讀 3057·2019-08-30 12:45
閱讀 2961·2019-08-30 11:25
閱讀 356·2019-08-29 11:30