1. 程式人生 > >js中陣列常用的API

js中陣列常用的API

第一組:操作方法

1.concat():基於當前陣列,建立一個新的陣列,並返回這個新陣列,不會改變原陣列

var color = ["red","green","blue"];
var colors2 = color.concat("yellow",["black","brown"]);

2.slice():可以接受一個或兩個引數,要返回項的起始和結束位置,返回所擷取陣列的項但是不包括結束位置的項不會改變原陣列
3.splice():主要用法是向陣列的中部插入項,會改變原陣列,是最強大的陣列方法。最多指定3個引數。

使用這種方法的方式主要有以下3種
1.刪除:可以刪除任意數量的項,指定2個引數,要刪除的第一項的位置和要刪除的項數。
splice(0,2)刪除陣列的前兩項。
2.插入

:指定3個引數:起始位置,0(要刪除的項數)和要插入的項。splice(2,0,"red","green")
3.替換:可向指定位置插入任意數量的項,splice(2,1,"red","green")

第二組:位置方法

indexOf()和lastIndexOf()。這兩個方法都接受兩個引數:要查詢的項和表示查詢起點位置的索引。indexOf()從陣列的開頭開始向後查詢,lastIndexOf()從陣列的末尾開始向前查詢。

第三組:迭代方法

ES5為陣列定義了5個迭代方法,這些方法都不會修改陣列中包含的值。
每個方法接受兩個引數,要在每一項上執行的函式和執行該函式的作用域物件

,傳入這些方法中的函式會接收三個引數:陣列項的值、該項在陣列中的位置和陣列物件本身(item,index,array)。
以下是5個迭代器方法的作用
(1)every():對陣列的每一項執行給定函式,如果陣列的每一項都返回true,則返回true。對陣列應用該方法,有返回值為true或false
(2)some():對陣列的每一項執行給定函式,如果陣列的任一項都返回true,則返回true。對陣列應用該方法,有返回值為true或false
(3)filter():對陣列的每一項執行給定函式,返回該函式中會返回true的項組成的陣列。有返回值,為符合條件的項組成的陣列
(4)map()::對陣列的每一項執行給定函式,有返回每次函式呼叫的結果
組成的陣列。
(5)forEach():對陣列的每一項執行給定函式,這個方法沒有返回值。本質上與使用for迴圈迭代陣列是一樣的。

第四組:歸併方法

reduce()和reduceRight()。他們的區別在於從哪頭開始遍歷陣列,除此之外,它們完全相同。
這兩個方法都接收兩個參宿:一個在每一項上呼叫的函式和(可選)作為歸併基礎的初始值
傳給reduce()和reduceRight()的函式接收4個引數:前一個值、當前值、項的索引和陣列物件。

相關推薦

js陣列常用API

第一組:操作方法 1.concat():基於當前陣列,建立一個新的陣列,並返回這個新陣列,不會改變原陣列; var color = ["red","green","blue"]; var colors2 = color.concat("yellow",["b

js陣列常用邏輯演算法(從大到小,從小到大排序,去重等問題)

從小到大: // 從小到大順序排序 minSort (arr) { var min for (var i = 0; i < arr.length; i++) { for (var j = i; j < arr.le

js陣列常用方法總結

  運算元組 運算元組,印象中運算元組的方法很多,下面總結了一下陣列中常用的幾個方法: JavaScript中建立陣列有兩種方式 (一)使用 Array 建構函式:   var arr1 = new Array(); //建立一個空陣列var arr2 = new Array(

js陣列常用方法的簡單重構(部分),幫助你加快理解陣列常用方法

## `push` 將指定數字插入到陣列的末尾,返回值為`新陣列的長度` ```javascript //原方法示例: var ary = [1, 2, 3, 4, 5]; ary.length = 5; ary.push(1) ; ary = [1,2,3,4,5,1

JS一些常用陣列方法

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d

JS陣列常用方法(包含es6擴充套件)

1、 join() 功能:將陣列中所有元素都轉化為字串並連線在一起。 輸入: 分隔符,預設為逗號 輸出:分隔符分割的字串 舉例: var a = [1,2,3]; a.join(); // =>"1,2,3" a.join(";");//

熟悉JS常用選擇器及屬性、方法的調用

model bower 文本 font [1] 選擇 val yellow width 選擇器、屬性及方法調用的配合使用: <style> #a{ width: 200px; he

JS一些常用的代碼塊

最小值 all tran == 驗證 pro 代碼塊 length 需要 本文記錄了一些工作中常用到的js代碼。 1. 生成指定範圍內的隨機數 例如隨機獲取顏色rgba的參數值時 function setRandomNum(m,n){   return Math.floor

原生js常用方法的寫法

sar number charat [] typeof += eat fat array對象 1、js深度克隆的方法 //第一種 function deepClone(obj){ var str,newObj = obj i

UI自動化測試之selenium(1)——selenium常用api

selenium api 目錄 1 對瀏覽器操作1.1 用webdriver打開一個瀏覽器1.2 最大化瀏覽器&關閉瀏覽器1.3 設置瀏覽器窗口大小1.4 打開測試頁面1.5 處理瀏覽器彈出的新窗口2 頁面元素定位3 如何對頁面元素進行操作3.1 WebElement相關方法3.2 iFram

js數組API以及ES6總結

es6 換行 箭頭 isa new 下標 array 不改變 當前 1. 數組API2. ES6: 1. 數組API: 遍歷: 對數組中每個元素執行相同的操作 arr.forEach(): 對原數組中每個元素執行相同的操作 arr.forEach(function

JS陣列方法詳解

JS中陣列的方法有很多,但是自己一直沒有抽時間進行整理分類,故單獨寫一篇博文,對目前我所掌握的JS中陣列相關的方法進行整理,夯實一下自己的基礎。 我將陣列相關的方法分為兩類 1.方法會改變原陣列 相應的方法有:shift、unshift、pop、push、rev

js陣列物件自定義排序

<!DOCTYPE html> <html> <script> var data = [{name:"zachary", age:28}, {name:"nicholas", age:29}]; function f1(name){ return functi

js陣列遍歷的幾種方法及其區別

第一種最常用的:for迴圈  for(j = 0; j < arr.length; j++) { }  優化版for迴圈   for(j = 0,len=arr.length; j < len; j++) {

JS陣列字串加逗號,去掉最後一個逗號,去除重複元素

//生成專案負責人並且去除重複名字,用,隔開          $.each(e,function(i){            xmfzr+=e[i].fxmfzrNew+",

js陣列和字串的方法總結

一、陣列方法簡單總結為以下幾種   1、原有:     增、刪、改、截、拼、復、排、轉   2、ES5擴充套件:   查、遍歷 增:        前增 var arr = [3,4,5,6,7]; console.log(arr.unshift(

js陣列除重方法大全

Array型別是js中的三大引用型別之一; Array中的每一項都可以用來儲存任何型別的資料,所以在陣列除重過程中就得考慮周全,下面將要介紹幾種陣列除重方式: (1)由於indexOf對陣列又迴圈了一次,所以效能不是最佳,加之indexOf在ie9以下不相容; (2) 由於雜湊表,

JS陣列與物件的遍歷方法例項

一、陣列的遍歷: 首先定義一個數組 arr=['snow','bran','king','nightking']; 1、for迴圈,需要知道陣列的長度; 2、foreach,沒有返回值,可以不知道陣列長度; arr.forEach(function(ele,index

js陣列的方法總結

js中陣列的方法很多,經常都翻書看,無奈老是記不住,一到用的時候就忘了,大概還是因為用的少,也可能是因為方法確實太多,據不完全統計有23種。。。所以在這裡總結一下,當是記個筆記。 1、join() join(separator): 將陣列的元素組起一個字串,以separator為分隔符,省略

JS陣列方法的底層實現

原始碼地址: https://github.com/v8/v8/blob/ad82a40509c5b5b4680d4299c8f08d6c6d31af3c/src/js/array.js 陣列變異方法(即改變原陣列):shift、unshift、splice、push、pop、sor