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.插入
splice(2,0,"red","green")
。 3.替換:可向指定位置插入任意數量的項,
splice(2,1,"red","green")
第二組:位置方法
indexOf()和lastIndexOf()。這兩個方法都接受兩個引數:要查詢的項和表示查詢起點位置的索引。indexOf()從陣列的開頭開始向後查詢,lastIndexOf()從陣列的末尾開始向前查詢。
第三組:迭代方法
ES5為陣列定義了5個迭代方法,這些方法都不會修改陣列中包含的值。
每個方法接受兩個引數,要在每一項上執行的函式和執行該函式的作用域物件
以下是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