Array數(shù)組相關方法

lyning 發(fā)布于2019-08-23 16:01 / 2083人閱讀

摘要：向數(shù)組末尾添加元素參數(shù)不確定個數(shù)，而且類型也不確定，要添加的新元素返回新增加后的數(shù)組原有數(shù)組改變例如結果向數(shù)組開頭增加元素參數(shù)不確定個數(shù)，而且類型也不確定，要添加的新元素返回新增加后的數(shù)組原有數(shù)組改變例如結果刪除數(shù)組末尾一項參數(shù)返回刪除數(shù)組

1.push向數(shù)組末尾添加元素
參數(shù)：不確定個數(shù)，而且類型也不確定，要添加的新元素
返回：新增加后的數(shù)組
原有數(shù)組改變
例如：
var arr = ["Banana", "Orange", "Apple"];
arr.push("Pear");
console.log(arr)
結果：["Banana", "Orange", "Apple" , "Pear"]

2.unshift向數(shù)組開頭增加元素
參數(shù)：不確定個數(shù)，而且類型也不確定，要添加的新元素
返回：新增加后的數(shù)組
原有數(shù)組改變
例如：
var arr = ["Banana", "Orange", "Apple"];
arr.unshift("Pear");
console.log(arr)
結果：["Pear","Banana", "Orange", "Apple"]

3.pop刪除數(shù)組末尾一項
參數(shù)：
返回：刪除數(shù)組的個數(shù)
原有數(shù)組改變
例如：
var arr = ["Banana", "Orange", "Apple"];
arr.pop();
console.log(arr)
結果：["Banana", "Orange"]

4.shift刪除數(shù)組的第一項
參數(shù)：
返回：刪除的元素
原有數(shù)組改變
例如：
var arr = ["Banana", "Orange", "Apple"];
arr.shift();
console.log(arr)
結果：["Orange", "Apple"]

5.join為數(shù)組添加指定的分隔符
參數(shù)：可以有，可以是一個分隔符，不寫默認是（","）
返回分開后的字符串
原有數(shù)組不變
例如：
var arr = ["Banana", "Orange", "Apple"];
console.log(arr.join(","))
結果：Banana,Orange,Apple

6.toString
相當于join()或join(",")
例如：
var arr = ["Banana", "Orange", "Apple"];
console.log(arr.toString())
結果：Banana,Orange,Apple

7.slice找某一區(qū)域內的項，返回成新數(shù)組形式
slice(n,m)從索引n開始截取到索引為m，但不包含m；m不寫的話默認截取到最后；n和m都不寫，默認是復制一份一模一樣的數(shù)組
將找到的新數(shù)組返回
原有數(shù)組不會改變
例如：
var arr = ["Banana", "Orange", "Apple","Pear","watermelon"];
console.log(arr.slice(1,3));
結果：["Orange", "Apple"]

8.concat()將2個數(shù)組鏈接起來
concat()克隆一份新的數(shù)組（原有數(shù)組不變）等價于slice（）或者slice（0）
原有數(shù)組不改變
例如：
var arr1 = ["Banana", "Orange"]
var arr2 = ["Apple","Pear","watermelon"]
console.log(arr1.concat(arr2));
結果：["Banana", "Orange", "Apple", "Pear", "watermelon"]

9.splice(n,m) 從索引n開始刪除m個元素
splice(n,m,x) 從索引n開始刪除m個元素，返回刪除的元素(數(shù)組),并且將刪除的區(qū)域用x代替--->數(shù)組的修改替換
如果 m是0的話，相當于沒有刪除，也就是在數(shù)組中的指定區(qū)域添加新的元素
返回：刪除的項當成新的數(shù)組返回
原有數(shù)組是改變的
例如：
var arr = ["Banana", "Orange","Apple","Pear","watermelon"]
console.log(arr.splice(2,1,"grape"))
結果： ["Banana", "Orange", "grape", "Pear", "watermelon"]
console.log(arr);//打印出刪除的元素
結果：["Apple"]

10.reverse 將數(shù)組倒過來排列
原有數(shù)組改變
例如：
var arr = ["Banana", "Orange","Apple"]
console.log(arr.reverse());
結果：["Apple", "Orange", "Banana"]

11.sort數(shù)組排序,只能處理10以內的
原有數(shù)組改變
排序后：[1, 5, 10, 25, 40, 100]
例如：
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});
console.log(points)

12.forEach() 遍歷
let arr = [1,2,5];
arr.forEach(function(item,index){

console.log(item);

})// 1 2 5
13.map() 映射：經常用于數(shù)據(jù)綁定
let arr = [1,3,6];
console.log(arr.map(item => item*2));//[2,6,12]
14.filter 過濾;如果回調函數(shù)返回true，則將次成員過濾出來，放到返回值中；如果為false，不需要放進返回值中
let arr = [100,55,67,88,99,10];
let res = arr.filter(item => item>60);
console.log(res);//[100, 67, 88, 99]
15.find() 查找滿足條件第一項值，如果找到這個值直接終止find函數(shù)，如果找不到滿足條件的項，則返回undefined[找true]
let arr = [100,55,66,30,40,25];
let res = arr.find(item => item>99);
console.log(res);//100
let res1 = arr.find(item => item>200);
console.log(res1);//undefined
16.every 返回值boolean,當回調函數(shù)都返回true，則every這個方法返回true；如果有一個是false，那么整體結果就是false,只要返回false，every就不需要在循環(huán)向下執(zhí)行了【找false】
let arr = [1,2,3,4,5];
let res = arr.every(item => item>5);
console.log(res);//false
17.some:返回一個布爾值只要回調函數(shù)有一個返回true，那么some返回值就是true，當所有的都不滿足條件，結果返回false;
let arr = [50,30,55,70]
let a = arr.some(item => item>50);
console.log(a);//true
18.includes：包含檢測數(shù)組是否包含某一項：如果包含返回true，不包含返回false
let arr = [1, 2, 3, 4, 56, 7];
console.log(arr.includes(2));//true
19.reduce 收斂，求和 prev:代表除第一次循環(huán)外，代表上一次回調函數(shù)的返回值；第一次prev代表第一項；
let arr = [1, 2, 3, 4, 5];

arr.reduce((prev, next) => {
    console.log(prev + next);
    return prev + next;
});//15

let arr = [{price: 2, count: 10, name: "面筋"}, {price: 1, count: 5, name: "烤腸"}, {
    price: 3, count: 8, name: "雞翅"}, {price: 3, count: 6, name: "啤酒"}];

arr.reduce((prev,next)=>{
    return prev + next.price * next.count;
},0)//67

GPU云服務器云服務器數(shù)組array array方法數(shù)組Array類型數(shù)組方法

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102635.html

【underscore 源碼解讀】Array Functions 相關源碼拾遺 & 小結

摘要：最近開始看源碼，并將源碼解讀放在了我的計劃中。將轉為數(shù)組同時去掉第一個元素之后便可以調用方法總結數(shù)組的擴展方法就解讀到這里了，相關源碼可以參考這部分。放個預告，下一篇會暫緩下，講下相關的東西，敬請期待。 Why underscore 最近開始看 underscore.js 源碼，并將 underscore.js 源碼解讀放在了我的 2016 計劃中。閱讀一些著名框架類庫的源碼，就好...

SimpleTriangle 2019-08-19 18:31 評論0 收藏0
20170605-Array相關方法

摘要：方法將所有在過濾函數(shù)中返回的數(shù)組元素放進一個新數(shù)組中并返回。方法從左到右為每個數(shù)組元素執(zhí)行一次回調函數(shù)，并把上次回調函數(shù)的返回值放在一個暫存器中傳給下次回調函數(shù)，并返回最后一次回調函數(shù)的返回值。創(chuàng)建數(shù)組 var array = new Array(); var array = new Array(10); var array = new Array(red,blue,green);...

Chaz 2019-08-20 17:01 評論0 收藏0
PHP基礎知識小結

原始數(shù)據(jù)類型(9種) 基本數(shù)據(jù)類型：整形(integer)、浮點型(float)、字符串(string)、布爾型(boolean) 復合數(shù)據(jù)類型：數(shù)組(array)、對象(object)、callable(可調用) 特殊數(shù)據(jù)類型：資源類型(resource) 和 NULL 變量相關處理函數(shù) is_bool($var)????????判斷是否為布爾型 is_int($var)????...

RancherLabs 2019-07-01 11:00 評論0 收藏0
數(shù)組方法find、filter、findIndex簡介

摘要：方法，意思為過濾，同樣接收一個回調函數(shù)，該方法的使用場景是查找數(shù)組內符合指定條件的所有元素。前言 ES6提供了很多新的API，數(shù)組對象的尤為實用，但是如果我們沒有在相對應的開發(fā)環(huán)境下，很難對這些API有深入的了解，畢竟實踐出真知。 find、filter、findIndex這三個方法都是對于數(shù)組的查找，其中返回的值略微相關，所以在這里做一個介紹。 Array.prototype.fi...

Yangder 2019-08-23 16:48 評論0 收藏0
COW機制已經相關類

摘要：機制已經相關類和我們知道是用于替代的，是線程安全的容器。如果使用迭代器來做上面的操作，會拋出異常。實現(xiàn)原理是線程安全容器相對于，底層通過復制數(shù)組的方式來實現(xiàn)。線程在線程迭代的間隙中將部分的數(shù)據(jù)修改了已經調用了。 COW機制已經相關類 Vector和SynchronizedList 我們知道ArrayList是用于替代Vector的，Vector是線程安全的容器。因為它幾乎在每個方法...

econi 2019-08-16 15:29 評論0 收藏0
JS-Array

摘要：沒有循環(huán)循環(huán)次四屬性屬性屬性表示數(shù)組元素的數(shù)量，的數(shù)組元素并不是連續(xù)的，有些索引的位置可能沒有元素，所以屬性并不能真正表示元素的數(shù)量，其值等于數(shù)組最大索引。一、JS沒有真正的數(shù)組像C++，Java這些編程語言中數(shù)組元素分配的內存都是連續(xù)，這有利于性能提升，但是JS的數(shù)組不是這樣的。它使用對象模擬數(shù)組，即對象屬性為數(shù)字，并含有l(wèi)ength屬性。所以JS數(shù)組對象的內存不是連續(xù)的，同一般...

madthumb 2019-08-22 13:53 評論0 收藏0