中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

javascript Array 數(shù)組常用方法
來源:易賢網(wǎng) 閱讀:1229 次 日期:2015-04-08 14:08:41
溫馨提示:易賢網(wǎng)小編為您整理了“javascript Array 數(shù)組常用方法”,方便廣大網(wǎng)友查閱!

(1)基本的數(shù)組方法

1.join()

Array.join()方法將數(shù)組中所有元素都轉(zhuǎn)化為字符串并連接在一起,返回最后生成的字符串。可以自己指定分隔的符號,如果不指定,默認使用逗號

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的空數(shù)組 組成下邊字符串

console.log(a.join("-"));//"---------"

2.reverse()

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

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()方法將數(shù)組中的元素排序并返回排序后的數(shù)組。

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

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(); //區(qū)分大小寫排序

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()方法創(chuàng)建并返回一個新數(shù)組,它的元素包括調(diào)用concat()的原始數(shù)組的元素和concat()的每個參數(shù)。

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

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

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()方法返回指定數(shù)組的一個片段或子數(shù)組。它的兩個參數(shù)分別指定了片段開始和結(jié)束的位置(a,b)。返回的是從a開始到b的不包括b的數(shù)組元素。

如果只有一個參數(shù)(a).則代表從a到數(shù)組結(jié)尾的元素。

如果參數(shù)中出現(xiàn)負數(shù)(-a). 則表示相對于數(shù)組中最后一個元素相距a的位置。比如(-3)代表倒數(shù)第三個元素到末尾。出現(xiàn)負數(shù)就先換算出來,然后按照范圍規(guī)則找出來

他也是返回新的數(shù)組,不會修改原始數(shù)組

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()方法是在數(shù)組中插入或者刪除元素的通用方法。它會修改原始數(shù)組的值,并返回一個新的數(shù)組序列

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

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()的前兩個參數(shù)指定了需要刪除的數(shù)組元素。緊隨其后的任意個數(shù)的參數(shù)指定了需要插入到數(shù)組中的元素,并從第一個參數(shù)代表的位置開始插入。

不同于上邊的concat(),splice()是直接把數(shù)組插進去,比如下面的[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()往數(shù)組中從后面、前面添加元素,并返回新數(shù)組的長度

pop()和shift()刪除數(shù)組中最后、最前的元素,并返回刪除的元素

var arr = [];

console.log(arr.push(1,2,3));//3

console.log(arr);//[1, 2, 3]

console.log(arr.pop());// 3

console.log(arr);//[1,2]

console.log(arr.push([4,5]));//3

console.log(arr);// [1, 2, [4, 5]]

var arr = [];

console.log(arr.unshift(1,2,3));//3

console.log(arr);//[1, 2, 3]

console.log(arr.shift());// 1

console.log(arr);// [2, 3]

console.log(arr.unshift([4,5]));//3

console.log(arr);//[[4, 5], 2, 3]

(2)ECMAScript5中的數(shù)組方法

這一類數(shù)組方法大多數(shù)有統(tǒng)一大致的規(guī)則。它們都不會修改原始數(shù)組。

大多數(shù)方法的第一個參數(shù)接收一個函數(shù),并且對數(shù)組的每個元素(或一些元素)調(diào)用一次該函數(shù)。

    如果是稀疏數(shù)組,對不存在的元素不調(diào)用傳遞的函數(shù);

在大多數(shù)情況下,調(diào)用的這個函數(shù)一般使用三個參數(shù):數(shù)組元素、元素的索引、數(shù)組本身。通常后兩個參數(shù)也不需要填寫進去。

除了這里第一個參數(shù)(函數(shù))之外,還有第二個參數(shù)(它是可選的),如果第二個參數(shù)存在,則調(diào)用的函數(shù)將被看做是第二個參數(shù)的方法。

也就是說,在調(diào)用函數(shù)時傳遞進去的第二個參數(shù)作為它的this關(guān)鍵字的值來使用。

1.forEach()

這個方法從頭至尾遍歷數(shù)組,為每個數(shù)組調(diào)用指定的函數(shù)。

var data = [1,2,3,4,5];

var sum = 0;

data.forEach(function(value){ //只使用了第一個參數(shù)(函數(shù)),調(diào)用的函數(shù)也只使用了第一個參數(shù)數(shù)組元素

sum += value;

});

console.log(sum);//15

console.log(data);// [1, 2, 3, 4, 5]

var data = [1,2,3,4,5];

var sum = 0;

data.forEach(function(value,item,data){ //調(diào)用的函數(shù)具有了三個參數(shù)

data[item] = value*value; //取平方

});

console.log(data);// [1, 4, 9, 16, 25]

2.map()

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

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()

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

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

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()就是數(shù)組中所以元素都滿足函數(shù)指定的條件時 返回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);// false

console.log(data2);// true

5.reduce()和reduceRight()

這兩個方法使用指定的函數(shù)將數(shù)組元素進行組合,生成單個值。

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

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

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);// 15

console.log(sum1);// 20

console.log(min);// 1

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

sum1中有第二個參數(shù),所以初始值為5,第一步5+1=6,第二步6+2=8... 最后得20

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

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()

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

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

var data = ['a','b','a','c','a'];

console.log(data.indexOf('a')); //0

console.log(data.indexOf('d')); //-1

console.log(data.lastIndexOf('a'));//4

console.log(data.lastIndexOf('a',-2));//2 從倒數(shù)第二個開始

console.log(data.lastIndexOf('a',1));//0 從順序第二個往前

7.數(shù)組類型 isArray()

判斷一個對象是不是數(shù)組

console.log(Array.isArray([]));//true

console.log(Array.isArray({}));//false

//模擬上邊的

var isArray1 = Function.isArray||function(o){

return typeof o === "object" &&

Object.prototype.toString.call(o) === "[object Array]";

};

console.log(isArray1([]));//true

console.log(isArray1({}));//false

更多信息請查看IT技術(shù)專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機網(wǎng)站地址:javascript Array 數(shù)組常用方法

2026上岸·考公考編培訓報班

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久
国产欧美一二三区| 国产一区二区日韩| 欧美大片va欧美在线播放| 欧美色图麻豆| 久久综合九色综合久99| 亚洲综合色婷婷| 91久久精品www人人做人人爽| 国产色视频一区| 国产精品日韩欧美综合| 欧美日韩精品三区| 欧美日韩久久久久久| 欧美粗暴jizz性欧美20| 久久久久久91香蕉国产| 欧美影院成年免费版| 亚洲欧美成人| 亚洲免费在线观看| 亚洲欧美欧美一区二区三区| 亚洲尤物在线| 亚洲综合不卡| 午夜精品久久久久久久久久久| 亚洲网站在线| 香蕉久久一区二区不卡无毒影院| 亚洲一区二区网站| 欧美一级专区| 久久精品电影| 午夜激情综合网| 亚洲永久免费av| 欧美亚洲三级| 老司机免费视频一区二区| 裸体一区二区| 欧美国产日韩在线观看| 欧美日韩三级在线| 国产精品日产欧美久久久久| 国产精品呻吟| 伊人男人综合视频网| 亚洲人成人一区二区在线观看| 野花国产精品入口| 精品1区2区3区4区| 欧美日韩国产色视频| 欧美视频成人| 国产资源精品在线观看| 91久久精品一区二区三区| 亚洲天堂成人在线视频| 久久黄色小说| 欧美日韩一区二区视频在线| 国产亚洲va综合人人澡精品| 国产视频自拍一区| 亚洲久久成人| 国产精品视频免费一区| 韩日精品视频| 99精品热视频| 欧美专区在线观看| 欧美激情亚洲| 国产午夜久久| 亚洲夜晚福利在线观看| 久久精品国产成人| 欧美三级电影网| 亚洲国产精品久久久久婷婷884| 亚洲一级高清| 玖玖精品视频| 国产精品综合不卡av| 亚洲精品在线免费| 久久久蜜桃精品| 亚洲黄一区二区| 中文亚洲免费| 免费精品99久久国产综合精品| 欧美色播在线播放| 在线欧美电影| 午夜视频在线观看一区二区| 欧美jizz19性欧美| 国内精品免费在线观看| 亚洲综合日韩在线| 欧美理论大片| 亚洲国产精品一区| 欧美主播一区二区三区| 欧美三级免费| 亚洲精品国产精品国产自| 久久久久一区二区| 国产精品最新自拍| 亚洲午夜久久久久久尤物| 欧美成人免费在线视频| 一区二区三区在线免费视频| 亚洲欧美精品伊人久久| 欧美另类一区| 亚洲精品1区| 免费国产一区二区| 亚洲国产精品激情在线观看| 久久婷婷影院| 在线观看日韩av| 久久亚洲不卡| 在线免费不卡视频| 开心色5月久久精品| 影音先锋日韩精品| 久久人人爽爽爽人久久久| 黄色精品免费| 欧美 日韩 国产精品免费观看| 樱花yy私人影院亚洲| 老鸭窝毛片一区二区三区| 欧美高清视频在线观看| 亚洲国内自拍| 欧美日本乱大交xxxxx| 亚洲精品影视在线观看| 欧美大片在线看| 日韩一区二区高清| 国产精品www.| 小嫩嫩精品导航| 曰韩精品一区二区| 欧美成人综合网站| 一区二区三区日韩欧美| 国产精品久久久一本精品| 午夜精品久久久久久久男人的天堂| 国产精品日本一区二区| 久久国产66| 亚洲激情电影中文字幕| 欧美高清视频一区二区三区在线观看| 亚洲精品国产精品国产自| 欧美日韩一级视频| 午夜日韩视频| 永久久久久久| 欧美日韩一区二区精品| 午夜精品久久久久久久久久久久久| 国产热re99久久6国产精品| 久久久久一本一区二区青青蜜月| 在线精品视频一区二区| 欧美日韩精品综合在线| 欧美一区二区三区在线观看视频| 国内伊人久久久久久网站视频| 国产精品永久免费| 国户精品久久久久久久久久久不卡| 亚洲欧美日本日韩| 黄色成人在线网址| 欧美日韩国产精品| 欧美一级精品大片| 亚洲高清久久| 国产精品九九久久久久久久| 久久久蜜臀国产一区二区| 99精品99| 国产一区深夜福利| 欧美四级在线观看| 久久久久久久久久久一区| 亚洲区一区二区三区| 国产精品一区二区久久久 | 91久久精品日日躁夜夜躁欧美| 国产精品激情电影| 欧美v亚洲v综合ⅴ国产v| 午夜精品在线观看| 99国产精品私拍| 亚洲第一天堂av| 国产日韩亚洲| 国产精品毛片高清在线完整版| 欧美a级片一区| 久久精品国产久精国产一老狼 | 亚洲欧美久久久| 亚洲激情另类| 国内精品免费午夜毛片| 国产精品入口夜色视频大尺度| 亚洲福利电影| 欧美大片免费观看| 久久久久久**毛片大全| 国产视频一区在线| 欧美日韩精品在线观看| 欧美不卡高清| 可以看av的网站久久看| 久久精品99国产精品酒店日本| 亚洲深夜影院| 亚洲免费高清视频| 亚洲福利在线视频| 激情欧美亚洲| 韩国视频理论视频久久| 国产三级欧美三级日产三级99| 国产精品jvid在线观看蜜臀| 欧美福利视频在线观看| 久久亚洲电影| 久久综合九色九九| 久久亚洲国产精品一区二区| 欧美在线黄色| 欧美综合激情网| 欧美一区二区三区四区夜夜大片| 亚洲摸下面视频| 亚洲欧美电影在线观看| 亚洲女同精品视频| 午夜精品美女自拍福到在线| 午夜精品婷婷| 欧美一区二区精品在线| 欧美一级在线视频| 久久久久久黄| 久久久女女女女999久久| 一区二区三区不卡视频在线观看 | 永久久久久久| 亚洲国产精品成人一区二区| 亚洲精品国产精品国自产观看浪潮 | 国产精品日韩一区二区| 国产欧美日韩激情| 在线成人h网| 99re6这里只有精品| 亚洲在线观看| 久久精品二区三区| 嫩草影视亚洲| 欧美日韩一区免费| 国产女主播一区二区三区|