javascript 原型方法歸納 ------Array篇

ShevaKuilin 發(fā)布于2019-08-19 14:42 / 2785人閱讀

摘要：合并數(shù)組，返回新數(shù)組連接數(shù)組元素，返回字符串移除最后元素，返回該元素移除第一個(gè)元素，返回該元素尾部插入若干元素，返回操作后頭部插入若干元素，返回操作后反轉(zhuǎn)元素操作返回原數(shù)組片段對(duì)數(shù)組排序在前刪除一段并插入新元素，返回刪除掉的元素所組成的數(shù)組

arr.concat(value1, value2, ..., valueN)

合并數(shù)組，返回新數(shù)組

str = arr.join(separator)

連接數(shù)組元素，返回字符串

arr.pop()

移除最后元素，返回該元素

arr.shift()

移除第一個(gè)元素，返回該元素

arr.push(element1, ..., elementN)

尾部插入若干元素，返回操作后length

arr.unshift(element1, ..., elementN)

頭部插入若干元素，返回操作后length

arr.reverse()

反轉(zhuǎn)元素操作

arr.slice(begin[, end])

返回原數(shù)組片段

arr.sort([compareFunction])

對(duì)數(shù)組排序
compareFunction(a,b)
return 0 b在a前

array.splice(index , howMany[, element1[, ...[, elementN]]])

刪除一段并插入新元素，返回刪除掉的元素所組成的數(shù)組

以下ESC5引入方法 arr.every(callback[, thisArg])

是否每個(gè)，返回boolean

function isBigEnough(element, index, array) {
  return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);
// passed is false
passed = [12, 54, 18, 130, 44].every(isBigEnough);
// passed is true

arr.some(callback[, thisArg])

是否有些，返回boolean

function isBigEnough(element, index, array) {
  return (element >= 10);
}
var passed = [2, 5, 8, 1, 4].some(isBigEnough);
// passed is false
passed = [12, 5, 8, 1, 4].some(isBigEnough);
// passed is true

arr.filter(callback[, thisArg])

過濾，返回新數(shù)組

function isBigEnough(element) {
  return element >= 10;
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// filtered is [12, 130, 44]

其中callback接受三個(gè)參數(shù)為
當(dāng)前元素值
當(dāng)前元素索引
操作數(shù)組

arr.reduce(callback,[initialValue])

對(duì)數(shù)組每個(gè)值順次計(jì)算，最終成為一個(gè)值

var total = [0, 1, 2, 3].reduce(function(a, b) {
    return a + b;
});
// total == 6

其中callback接受四個(gè)參數(shù)為

前值 - 上次計(jì)算返回值，或初始值，如未設(shè)置初始值則為數(shù)組第一個(gè)值

當(dāng)前值

當(dāng)前索引

操作數(shù)組

arr.forEach(callback[, thisArg])

為數(shù)組成員執(zhí)行一次callback

function logArrayElements(element, index, array) {
    console.log("a[" + index + "] = " + element);
}
[2, 5, 9].forEach(logArrayElements);
// logs:
// a[0] = 2
// a[1] = 5
// a[2] = 9

其中callback接受三個(gè)參數(shù)為
- 元素值
- 元素索引
- 操作數(shù)組

arr.map(callback[, thisArg])

根據(jù)callback return值，返回一個(gè)新數(shù)組

var numbers = [1, 4, 9];
var roots = numbers.map(function(value){return Math.sqrt(value)});
/* roots is now [1, 2, 3], numbers is still [1, 4, 9] */

其中callback接受三個(gè)參數(shù)為
- 元素值
- 元素索引
- 操作數(shù)組

參考：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

GPU云服務(wù)器云服務(wù)器原型方法 javascript原型歸納法 javascript方法

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/78074.html

相關(guān)文章

【JavaScript】【對(duì)象】屬性和方法的總結(jié)歸納

摘要：構(gòu)造函數(shù)原型對(duì)象實(shí)例對(duì)象之間的關(guān)系錯(cuò)綜復(fù)雜，關(guān)于它們的屬性和方法很多，長得也很像。表示能否修改屬性的值。屬性和方法以下的屬性和方法均以下面的代碼為例構(gòu)造函數(shù)指向原型對(duì)象，包含所有被實(shí)例共享的屬性和方法。構(gòu)造函數(shù)、原型對(duì)象、實(shí)例對(duì)象之間的關(guān)系錯(cuò)綜復(fù)雜，關(guān)于它們的屬性和方法很多，長得也很像。這里歸納出來，方便記憶和查閱。對(duì)象屬性類型數(shù)據(jù)屬性 [[Configurable]]：表示能否...

qiangdada 2019-08-19 17:47 評(píng)論0 收藏0
Javascript各種數(shù)組遍歷方法歸納總結(jié)和兼容寫法

摘要：主要用于枚舉對(duì)象數(shù)組遍歷效率最低的方法。當(dāng)前數(shù)組元素的值。傳遞給函數(shù)的初始值注意對(duì)于空數(shù)組是不會(huì)執(zhí)行回調(diào)函數(shù)的。前言 PS: 2018/04/26 優(yōu)化一下排版,重新梳理一下方法,補(bǔ)充一些信息,刪除JQuery庫用法,只講解Javascript自帶的, for in 語句用于遍歷數(shù)組或者對(duì)象的屬性（對(duì)數(shù)組或者對(duì)象的屬性進(jìn)行循環(huán)操作）。主要用于枚舉對(duì)象, 數(shù)組遍歷效率最低的方法。 va...

Sanchi 2019-08-26 10:29 評(píng)論0 收藏0
淺談：快速理解JS的原型與原型鏈

摘要：中有基本類型和復(fù)雜類型的區(qū)分。原型與原型鏈這里，就引入了兩個(gè)新的概念。原型對(duì)象就是用來存放聲明對(duì)象中共有的那部分屬性。而原型對(duì)象自身也是一個(gè)對(duì)象，它也有自己的原型對(duì)象。這樣層層上溯，就形成了一個(gè)類似鏈表的結(jié)構(gòu)，這就是原型鏈。 JavaScript中有基本類型和復(fù)雜類型的區(qū)分。當(dāng)我們?cè)诼暶饕粋€(gè)基本類型時(shí)： var n1= 1; console.log(n1); //1 這時(shí)我們可以用N...

ZoomQuiet 2019-08-23 14:11 評(píng)論0 收藏0
JavaScript設(shè)計(jì)模式與開發(fā)實(shí)踐 | 01 - 面向?qū)ο蟮?em>JavaScript

摘要：在中，并沒有對(duì)抽象類和接口的支持。例如，當(dāng)對(duì)象需要對(duì)象的能力時(shí)，可以有選擇地把對(duì)象的構(gòu)造器的原型指向?qū)ο螅瑥亩_(dá)到繼承的效果。本節(jié)內(nèi)容為設(shè)計(jì)模式與開發(fā)實(shí)踐第一章筆記。動(dòng)態(tài)類型語言編程語言按數(shù)據(jù)類型大體可以分為兩類：靜態(tài)類型語言與動(dòng)態(tài)類型語言。靜態(tài)類型語言在編譯時(shí)已確定變量類型，動(dòng)態(tài)類型語言的變量類型要到程序運(yùn)行時(shí)，待變量被賦值后，才具有某種類型。而JavaScript是一門典型...

suxier 2019-08-21 10:44 評(píng)論0 收藏0
真正理解 JavaScript （中高級(jí)知識(shí)總結(jié)）

摘要：本文整理了我對(duì)的一些理解，試將零散的知識(shí)歸總。此文非語法整理，內(nèi)容偏中高級(jí)，如有紕漏或錯(cuò)誤，請(qǐng)予以指正。原型對(duì)象原型對(duì)象通常由內(nèi)置函數(shù)對(duì)象創(chuàng)建，它通常是一個(gè)普通對(duì)象，但也可能是函數(shù)對(duì)象。構(gòu)造器的屬性中只包含全局對(duì)象參考資料分享一篇我在2015年底做的總結(jié)筆記。本文整理了我對(duì) JavaScript 的一些理解，試將零散的知識(shí)歸總。此文非語法整理，內(nèi)容偏中高級(jí)，如有紕漏或錯(cuò)誤，請(qǐng)予以指正...

figofuture 2019-08-21 17:49 評(píng)論0 收藏0
Javascript設(shè)計(jì)模式（二）工廠模式

摘要：所謂的工廠模式，顧名思義就是成批量地生產(chǎn)模式。工廠方法將類的實(shí)例化延遲到子類首先是創(chuàng)建構(gòu)造函數(shù)，區(qū)別物種的不同屬性。工廠模式適用于以下場景實(shí)例對(duì)象較復(fù)雜。設(shè)計(jì)模式更代表的是一種系統(tǒng)思想，而不是重復(fù)的代碼堆砌。所謂的工廠模式，顧名思義就是成批量地生產(chǎn)模式。它的核心作用也是和現(xiàn)實(shí)中的工廠一樣利用重復(fù)的代碼最大化地產(chǎn)生效益。在javascript中，它常常用來生產(chǎn)許許多多相同的實(shí)例對(duì)象，在...

anonymoussf 2019-08-23 13:00 評(píng)論0 收藏0