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

資訊專欄INFORMATION COLUMN

(JavaScript) Array的tips

cfanr / 2630人閱讀

摘要:用來指定按某種順序進行排列的函數(shù)。如果省略,元素按照轉(zhuǎn)換為的字符串的各個字符的位點進行排序。其中為可選參數(shù),當執(zhí)行回調(diào)函數(shù)時用作的值參考對象。數(shù)組中正在處理的元素。在沒有初始值的空數(shù)組上調(diào)用將報錯。

1. Array.prototype.push()

像數(shù)組一樣使用對象:

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 不是數(shù)組,但是 push 方法成功地使 obj 的 length 屬性增長了,就像我們處理一個實際的數(shù)組一樣。

2. Array.prototype.sort()
arr.sort(compareFunction)

參數(shù):compareFunction
可選。用來指定按某種順序進行排列的函數(shù)。如果省略,元素按照轉(zhuǎn)換為的字符串的各個字符的Unicode位點進行排序。

如果指明了compareFunction,那么數(shù)組會按照調(diào)用該函數(shù)的返回值排序。即 a 和 b 是兩個將要被比較的元素:

如果compareFunction(a, b)小于 0 ,那么 a 會被排列到 b 之前;

如果compareFunction(a, b)等于 0 , a 和 b 的相對位置不變;

如果compareFunction(a, b)大于 0 , b 會被排列到 a 之前。

比較函數(shù)格式如下(字符串與數(shù)組都可以比較):

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()

返回新的數(shù)組(淺拷貝),不會影響原數(shù)組。

如果參數(shù)是數(shù)組,則把數(shù)組的元素放入結(jié)果中;

如果參數(shù)不是數(shù)組,則把參數(shù)本身放入結(jié)果中。

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為可選參數(shù),當執(zhí)行回調(diào) 函數(shù)時用作this的值(參考對象)。

下列函數(shù)也有thisArg這個可選參數(shù),用法與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]
// 但實際的結(jié)果是 [1, NaN, NaN]

// 通常使用parseInt時,只需要傳遞一個參數(shù).
// 但實際上,parseInt可以有兩個參數(shù).第二個參數(shù)是進制數(shù).
// 可以通過語句"alert(parseInt.length)===2"來驗證.
// map方法在調(diào)用callback函數(shù)時,會給它傳遞三個參數(shù):當前正在遍歷的元素, 
// 元素索引, 原數(shù)組本身.
// 第三個參數(shù)parseInt會忽視, 但第二個參數(shù)不會,也就是說,
// parseInt把傳過來的索引值當成進制數(shù)來使用.從而返回了NaN.

function returnInt(element) {
  return parseInt(element, 10);
}

["1", "2", "3"].map(returnInt); // [1, 2, 3]
// 意料之中的結(jié)果

// 也可以使用簡單的箭頭函數(shù),結(jié)果同上
["1", "2", "3"].map( str => parseInt(str) );

// 一個更簡單的方式:
["1", "2", "3"].map(Number); // [1, 2, 3]
// 與`parseInt` 不同,下面的結(jié)果會返回浮點數(shù)或指數(shù):
["1.1", "2.2e2", "3e300"].map(Number); // [1.1, 220, 3e+300]
7.Array.prototype.reduce()
arr.reduce(callback[, initialValue])

Array.prototype.reduceRight()是與其用法類似,是從右向左遍歷。

參數(shù):

callback: 執(zhí)行數(shù)組中每個值的函數(shù),包含四個參數(shù):

accumulator: 累加器累加回調(diào)的返回值; 它是上一次調(diào)用回調(diào)時返回的累積值,或initialValue(如下所示)。

currentValue: 數(shù)組中正在處理的元素。

currentIndex: 可選,數(shù)組中正在處理的當前元素的索引。 如果提供了initialValue,則索引號為0,否則為索引為1。

array: 可選,調(diào)用reduce的數(shù)組。

initialValue: 可選,用作第一個調(diào)用 callback的第一個參數(shù)的值。 如果沒有提供初始值,則將使用數(shù)組中的第一個元素。 在沒有初始值的空數(shù)組上調(diào)用reduce將報錯。

reduce如何運行

[0, 1, 2, 3, 4].reduce(function(accumulator, currentValue, currentIndex, array){
  return accumulator + currentValue;
}, 10);

// 20

實例:將二維數(shù)組轉(zhuǎn)化為一維

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綁定包含在對象數(shù)組中的數(shù)組

// 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"
// ]

實例:數(shù)組去重

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

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

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

相關(guān)文章

  • tips:JS之淺拷貝與深拷貝

    摘要:淺拷貝深拷貝淺拷貝的問題如果父對象的屬性等于數(shù)組或另一個對象,那么實際上,子對象獲得的只是一個內(nèi)存地址,而不是真正拷貝,因此存在父對象被篡改的可能。 淺拷貝: function extendCopy(p) {  var c = {};  for (var i in p) {    c[i] = p[i];  }  return c; } 深拷貝: function deepCopy(p...

    Soarkey 評論0 收藏0
  • JavaScript - 變量、值、類型

    摘要:一返回值共有種二變量聲明方法聲明一個變量,可以將其初始化為一個值聲明一個塊級作用域變量,可以將其初始化一個值聲明一個只讀的常量使用的注意事項不支持塊級作用域存在變量提升舉例由于變量聲明提升,這段代碼相當于使用的注意事項塊級作用域 一、type of 返回值共有7種:undefined, object, boolean, number, string, symbol, function ...

    ziwenxie 評論0 收藏0
  • 你不知道JavaScript中卷 第一、二章

    摘要:表達式?jīng)]有返回值,因此返回結(jié)果是。并不改變表達式的結(jié)果,只要讓表達式不返回值按慣例我們用來獲得這主要源自語言,當然使用或其他表達式也是可以的。不是數(shù)字的數(shù)字如果數(shù)學運算的操作數(shù)不是數(shù)字類型,就無法返回一個有效的數(shù)字,這種情況下返回值為。 這里的內(nèi)容是讀書筆記,僅供自己學習所用,有欠缺的地方歡迎留言提示。 第一部分 類型和語法 第1章 類型ECMAScript語言類型包括Undefin...

    levy9527 評論0 收藏0
  • 前端進擊巨人(四):略知函數(shù)式編程

    摘要:自執(zhí)行函數(shù)閉包實現(xiàn)模塊化以樂之名程序員產(chǎn)品經(jīng)理對作用域,以及閉包知識還沒掌握的小伙伴,可回閱前端進擊的巨人三從作用域走進閉包。參考文檔利用閉包實現(xiàn)模塊化翻譯淺談中的高階函數(shù)系列更文請關(guān)注專欄前端進擊的巨人,不斷更新中。。。 系列更文前三篇文章,圍繞了一個重要的知識點:函數(shù)。函數(shù)調(diào)用棧、函數(shù)執(zhí)行上下文、函數(shù)作用域到閉包??梢姴焕斫夂瘮?shù)式編程,代碼都擼不好。 showImg(https:/...

    omgdog 評論0 收藏0

發(fā)表評論

0條評論

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