亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

javascript Array 數組常用方法

2019-11-20 12:46:01
字體:
來源:轉載
供稿:網友

(1)基本的數組方法

1.join()

Array.join()方法將數組中所有元素都轉化為字符串并連接在一起,返回最后生成的字符串??梢宰约褐付ǚ指舻姆?,如果不指定,默認使用逗號

var arr = [1,2,3];console.log(arr.join());//"1,2,3"console.log(arr.join("-"));//"1-2-3"var a = new Array(10); //長度為10的空數組 組成下邊字符串console.log(a.join("-"));//"---------"

2.reverse()
Array.reverse()方法將數組中的元素顛倒順序,返回逆序的數組(返回的數組是其本身,原始數組已經改變了)

var arr = [1,2,3];arr.reverse();console.log(arr.join());//"3,2,1"

所以,如果想把一個字符串逆序的話,可以這樣

var str = "abcdefg";console.log(str.split("").reverse().join(""));//"gfedcba" 返回的是新的值console.log(str); //"abcdefg" 當然了,原始的是不會變的.

3.sort()
Array.sort()方法將數組中的元素排序并返回排序后的數組。

當不帶參數時,默認按照順序排序,也就是從小到大。當然,也可以直接給sort加一個比較函數比較

var arr = [1,4,7];arr.sort();console.log(arr); //[1,4,7]arr.sort(function(a,b){ return a-b; //從小到大});console.log(arr); //[1,4,7]arr.sort(function(a,b){ return b-a; //從大到小});console.log(arr); //[7,4,1]var num = new Array('one','three','Six','Five');num.sort(); //區分大小寫排序console.log(num); // ["Five", "Six", "one", "three"]num.sort(function(s,t){ var a = s.toLowerCase(); var b = t.toLowerCase(); if(a<b) return -1; if(a>b) return 1; return 0;});console.log(num); // ["Five", "one", "Six", "three"]

4.concat()
Array.concat()方法創建并返回一個新數組,它的元素包括調用concat()的原始數組的元素和concat()的每個參數。

如果這些參數中的任何一個自身是數組,則連接的是數組的元素,而非數組本身。

但要注意,concat()不會遞歸扁平化數組的數組。concat()也不會修改調用的數組。

var arr = [1,2,3];console.log(arr.concat(4,5)); // [1, 2, 3, 4, 5]console.log(arr);       // [1, 2, 3]console.log(arr.concat([4,5])); // [1, 2, 3, 4, 5]console.log(arr.concat([4,5],[6,7])); // [1, 2, 3, 4, 5,6,7]console.log(arr.concat([4,[5,[6,7]]])); // [1, 2, 3, 4, [5, [6, 7]]]console.log(arr.concat(4,[5,[6,7]])); // [1, 2, 3, 4, 5,[6,7]]

5.slice()
Array.slice()方法返回指定數組的一個片段或子數組。它的兩個參數分別指定了片段開始和結束的位置(a,b)。返回的是從a開始到b的不包括b的數組元素。
如果只有一個參數(a).則代表從a到數組結尾的元素。
如果參數中出現負數(-a). 則表示相對于數組中最后一個元素相距a的位置。比如(-3)代表倒數第三個元素到末尾。出現負數就先換算出來,然后按照范圍規則找出來
他也是返回新的數組,不會修改原始數組

var arr = [1,2,3,4,5];console.log(arr.slice(0,3)); // [1, 2, 3]console.log(arr); // [1, 2, 3, 4, 5]console.log(arr.slice(3));//[4, 5]console.log(arr.slice(-3));// [3, 4, 5]console.log(arr.slice(-3,-1));// [3, 4]console.log(arr.slice(2,-1));// [3, 4]

6. splice()
Array.splice()方法是在數組中插入或者刪除元素的通用方法。它會修改原始數組的值,并返回一個新的數組序列

splice()的第一個參數指定了插入或刪除的起始位置,第二個參數指定了應該從數組中刪除的元素的個數。第二個參數省略則默認刪到末尾。

var arr = [1,2,3,4,5,6,7,8];console.log(arr.splice(4)); //[5, 6, 7, 8]console.log(arr); // [1, 2, 3, 4]console.log(arr.splice(1,2));// [2, 3]console.log(arr); // [1, 4]

splice()的前兩個參數指定了需要刪除的數組元素。緊隨其后的任意個數的參數指定了需要插入到數組中的元素,并從第一個參數代表的位置開始插入。

不同于上邊的concat(),splice()是直接把數組插進去,比如下面的[1,2]

var arr = [1,2,3,4,5];console.log(arr.splice(2,0,'a','b')); // []console.log(arr); // [1, 2, "a", "b", 3, 4, 5]console.log(arr.splice(2,1,[1,2],3));// ["a"]console.log(arr); // [1, 2, [1, 2], 3, "b", 3, 4, 5]

7.push() pop() unshift() shift()
把這些方法看成棧操作就行:前兩者正常的棧操作,后兩者是反向的棧操作
push()和unshift()往數組中從后面、前面添加元素,并返回新數組的長度
pop()和shift()刪除數組中最后、最前的元素,并返回刪除的元素

var arr = [];console.log(arr.push(1,2,3));//3console.log(arr);//[1, 2, 3]console.log(arr.pop());// 3console.log(arr);//[1,2]console.log(arr.push([4,5]));//3console.log(arr);// [1, 2, [4, 5]]
var arr = [];console.log(arr.unshift(1,2,3));//3console.log(arr);//[1, 2, 3]console.log(arr.shift());// 1console.log(arr);// [2, 3]console.log(arr.unshift([4,5]));//3console.log(arr);//[[4, 5], 2, 3]

(2)ECMAScript5中的數組方法

這一類數組方法大多數有統一大致的規則。它們都不會修改原始數組。
大多數方法的第一個參數接收一個函數,并且對數組的每個元素(或一些元素)調用一次該函數。

    如果是稀疏數組,對不存在的元素不調用傳遞的函數;
    在大多數情況下,調用的這個函數一般使用三個參數:數組元素、元素的索引、數組本身。通常后兩個參數也不需要填寫進去。
除了這里第一個參數(函數)之外,還有第二個參數(它是可選的),如果第二個參數存在,則調用的函數將被看做是第二個參數的方法。
    也就是說,在調用函數時傳遞進去的第二個參數作為它的this關鍵字的值來使用。

1.forEach()

這個方法從頭至尾遍歷數組,為每個數組調用指定的函數。

var data = [1,2,3,4,5];var sum = 0;data.forEach(function(value){ //只使用了第一個參數(函數),調用的函數也只使用了第一個參數數組元素 sum += value;});console.log(sum);//15console.log(data);// [1, 2, 3, 4, 5]
var data = [1,2,3,4,5];var sum = 0;data.forEach(function(value,item,data){ //調用的函數具有了三個參數  data[item] = value*value; //取平方});console.log(data);// [1, 4, 9, 16, 25]

2.map()
這個方法將調用的數組中每個元素傳遞給指定的函數,并返回一個數組,它包含這個函數的返回值。

var data = [1,2,3,4,5];var data1 = data.map(function(value){ return ++ value;});console.log(data); // [1, 2, 3, 4, 5]console.log(data1);// [2, 3, 4, 5, 6]

3.filter()
這個方法返回的數組元素是調用的數組的一個子集。傳遞的函數是用來邏輯判定的,該函數返回true或false。

如果返回值是true或者能轉化為true的值,那么傳遞給判定函數的元素就是這個子集的成員,它將被添加到一個作為返回值的數組中。

var data = [1,2,3,4,5];var data1 = data.filter(function(value){ return value <= 3;});var data2 = data.filter(function(value){ return value > 3;});console.log(data); // [1, 2, 3, 4, 5]console.log(data1);// [1,2,3]console.log(data2);// [4,5]

4.every()和some()
顧名思義,every()就是數組中所以元素都滿足函數指定的條件時 返回true; some()就是某一項滿足時就返回 true

var data = [1,2,3,4,5];var data1 = data.every(function(value){ return value < 4;});var data2 = data.some(function(value){ return value >4;});console.log(data); // [1, 2, 3, 4, 5]console.log(data1);// falseconsole.log(data2);// true

5.reduce()和reduceRight()
這兩個方法使用指定的函數將數組元素進行組合,生成單個值。

reduce()有兩個參數。第一個是執行化簡操作的函數,就是說用某種方法把兩個值化簡為一個值,并返回化簡后的值。

          第二個參數可選,用來傳遞給第一個參數函數作為初始值。如果第二個參數沒有,則初始值就使用數組的第一個元素值。

var data = [1,2,3,4,5];var sum = data.reduce(function(a,b){ return a+b;});var sum1 = data.reduce(function(a,b){ return a+b;},5);var min = data.reduce(function(a,b){ return (a<b)?a:b;});console.log(data); // [1, 2, 3, 4, 5]console.log(sum);// 15console.log(sum1);// 20console.log(min);// 1

sum中沒有第二個參數,所以初始值為第一個數組元素,第一步1+2=3,第二步3+3=6... 最后得15
sum1中有第二個參數,所以初始值為5,第一步5+1=6,第二步6+2=8... 最后得20

reduceRight()和reduce()差不多,不同的是它按照數組索引從高到低(從右到左)處理數組,而不是正常的從低到高。

var data = ['a','b','c']; var str = data.reduce(function(x,y){ //順序 return x+y;});var str1 = data.reduceRight(function(x,y){ //逆序 return x+y;});console.log(data);// [1, 2, 3]console.log(str);//"abc"console.log(str1);//"cba"

6.indexOf()和lastIndexOf()
這個方法搜索整個數組中具有給定值的元素,返回找到的元素的索引(找到了一個就退出了),沒有找到則返回-1.

一個從頭至尾,一個從尾至頭

var data = ['a','b','a','c','a']; console.log(data.indexOf('a')); //0console.log(data.indexOf('d')); //-1console.log(data.lastIndexOf('a'));//4console.log(data.lastIndexOf('a',-2));//2 從倒數第二個開始console.log(data.lastIndexOf('a',1));//0  從順序第二個往前

7.數組類型 isArray()
判斷一個對象是不是數組

console.log(Array.isArray([]));//trueconsole.log(Array.isArray({}));//false//模擬上邊的var isArray1 = Function.isArray||function(o){ return typeof o === "object" &&  Object.prototype.toString.call(o) === "[object Array]";};console.log(isArray1([]));//trueconsole.log(isArray1({}));//false
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久av红桃一区二区小说| 在线看国产精品| 国产精品亚洲片夜色在线| 精品久久久久久久久久久| 色悠悠久久88| 久久久久久久久久久免费| 一本一本久久a久久精品综合小说| 欧美日韩精品国产| 日韩欧美在线网址| 亚洲欧美精品中文字幕在线| 成年无码av片在线| 国产欧美va欧美va香蕉在线| 日韩综合视频在线观看| 欧美午夜女人视频在线| 久久久精品在线观看| 国产一区二区久久精品| 国产精品99久久99久久久二8| 国产成人精品在线播放| 成人97在线观看视频| 免费av在线一区| 欧美日韩在线免费| 91高潮在线观看| 91色中文字幕| 中文字幕亚洲天堂| 国产有码在线一区二区视频| 日韩av综合中文字幕| 欧美日韩国产限制| 欧美极品少妇xxxxⅹ免费视频| 精品国产999| 欧美精品福利在线| 社区色欧美激情 | 欧美丝袜一区二区三区| 亚洲电影av在线| 亚洲一区亚洲二区| 国产一区二区三区欧美| 国产91精品久久久久| 国产成人精品av| 精品在线小视频| 日韩在线国产精品| 精品福利在线看| 欧美在线视频观看| 日韩视频免费在线| 欧美激情亚洲另类| 久久久精品视频成人| 成人免费视频xnxx.com| 久久男人的天堂| 2019最新中文字幕| 国产精品视频1区| 欧美性生交xxxxxdddd| 不卡伊人av在线播放| 欧美大片在线免费观看| 8x拔播拔播x8国产精品| 日韩成人在线播放| 欧美精品做受xxx性少妇| 亚洲欧美国产视频| 色狠狠久久aa北条麻妃| 国产精品久久久久77777| 亚洲欧美三级伦理| 国产视频久久久| 欧美亚洲国产视频| 国产欧美日韩精品在线观看| 欧美性69xxxx肥| 欧美激情18p| 免费91麻豆精品国产自产在线观看| 欧美在线精品免播放器视频| 欧美激情奇米色| 最好看的2019的中文字幕视频| 亚洲国产精品专区久久| 亚洲精品资源在线| 国产69久久精品成人| 九九久久综合网站| 国产精品入口夜色视频大尺度| 日韩av电影手机在线观看| 久久久999国产精品| 欧美性xxxx极品hd满灌| 欧美成aaa人片免费看| 欧美怡红院视频一区二区三区| 国产亚洲精品久久久久动| 欧美一级片免费在线| 成人精品aaaa网站| 亚洲福利视频久久| 91精品国产99久久久久久| 2019中文字幕全在线观看| 久久手机精品视频| 在线激情影院一区| 亚洲综合大片69999| 美女啪啪无遮挡免费久久网站| 国产精品视频不卡| 亚洲欧美日韩中文在线| 国产狼人综合免费视频| 日韩在线中文字幕| 欧美最近摘花xxxx摘花| 在线成人免费网站| 日本亚洲欧洲色α| 日韩欧美在线一区| 青草青草久热精品视频在线网站| 国产精品香蕉在线观看| 日韩一级黄色av| 毛片精品免费在线观看| 久久久久久久影视| 日韩av免费在线观看| 久久久天堂国产精品女人| 国产精品999| 欧美激情极品视频| 一区国产精品视频| 北条麻妃久久精品| 国产精品爱啪在线线免费观看| 欧美日韩亚洲系列| 亚洲国产欧美一区二区三区久久| 2019中文字幕在线| 日本精品一区二区三区在线| 亚洲欧美精品一区二区| 日韩欧美在线视频观看| 黑人极品videos精品欧美裸| 成人免费淫片aa视频免费| 国产a∨精品一区二区三区不卡| 57pao精品| 成人亚洲欧美一区二区三区| 久久精品国产2020观看福利| 992tv成人免费视频| 亚洲欧美另类自拍| 久久久久久久一区二区三区| 亚洲电影免费在线观看| 秋霞成人午夜鲁丝一区二区三区| 亚洲精品中文字| 欧美性猛交xxxx乱大交3| 国产亚洲成精品久久| 欧美日韩xxxxx| 国产精品亚洲一区二区三区| 欧美日韩国产123| 久久人人爽人人爽人人片av高请| 性日韩欧美在线视频| 伊人精品在线观看| 国产视频自拍一区| 欧美有码在线观看| 成人在线激情视频| 疯狂做受xxxx欧美肥白少妇| 中文字幕日韩在线播放| 久久久女女女女999久久| 在线播放国产一区二区三区| 亚洲美女动态图120秒| 一区二区三区回区在观看免费视频| 97视频在线观看免费高清完整版在线观看| 久久久久亚洲精品国产| 国产成人精品av| 黑人巨大精品欧美一区免费视频| 日韩av片永久免费网站| 日韩久久免费视频| 日韩免费在线播放| 一个人看的www久久| 欧美性jizz18性欧美| 亚洲午夜激情免费视频| 精品在线小视频| 日韩av综合网| 亚洲成色999久久网站| 国产999精品久久久| 91探花福利精品国产自产在线| 欧美久久精品午夜青青大伊人| 久久夜色精品亚洲噜噜国产mv| 国产精品久久久久福利| 国产精品偷伦视频免费观看国产| 亚洲第一色在线| 国产精品第一区| 欧美精品生活片|