數(shù)組常用方法

1.length 數(shù)組長度
    var arr = [75, 3, 6];
    arr.length;  // 3
2.isArray 判斷是不是數(shù)組
 // typeof 一個(gè)數(shù)組的結(jié)果是object,要判斷一個(gè)變量是不是數(shù)組可以用isArray
        var obj = {
            a: 2
        }
        Array.isArray(obj); // false
        var arr = [1, 2, 3];
        Array.isArray(arr); // true
3.includes 判斷一個(gè)數(shù)組是否包含一個(gè)指定的值
    var arr = ['a', 'b', 'c', 'd'];
    var b1 = arr.includes('c');
    console.log(b1); // true
    var b2 = arr.includes('f');
    console.log(b2); // false
4.獲取單個(gè)元素
    var arr = [75, 3, 6];
    var val;
    val = arr[1];  //中括號里為元素的下標(biāo)位置*葱淳!下標(biāo)位置從0開始*
    console.log(val); // 3
5.push 向數(shù)組的末尾添加一個(gè)或更多元素,并返回新的長度抛姑。
    var arr = [75, 3, 6];
    arr.push(1, 2); // [75, 3, 6, 1, 2]
6.unshift 向數(shù)組的開頭添加一個(gè)或更多元素赞厕,并返回新的長度。
    var arr = [75, 3, 6];
    arr.unshift(1, 2); //[1, 2, 75, 3, 6]
7.pop 從后面刪除一個(gè)元素
    var arr = [75, 3, 6];
    arr.pop();//[75, 3]
8.shift 從前面刪除一個(gè)元素
    var arr = [75, 3, 6];
    arr.shift();//[3, 6]
9.splice 刪除定硝、替換皿桑、添加多個(gè)元素

(1)刪除

    var arr = [75, 3, 6, 12, 5, 6, 7];
    arr.splice(0, 4);//[5, 6, 7]
    // 括號里表示:從下標(biāo)為 0 位開始刪除 4 個(gè)元素

(2)替換

    var arr = [75, 3, 6, 12, 5, 6, 7];
    arr.splice(0, 1, "我是替換75的");//["我是替換75的", 3, 6, 12, 5, 6, 7]
    console.log(arr);

(3)添加

    var arr = [75, 3, 6, 12, 5, 6, 7];
    arr.splice(0, 0, "我是添加");// ["我是添加", 75, 3, 6, 12, 5, 6, 7]
    console.log(arr);

規(guī)則:以splice(x,y,n...)為例
x = 元素的下標(biāo)位置
y = 被刪除元素的個(gè)數(shù)
n以及n之后的 = 向數(shù)組添加的元素

10.indexOf 查找數(shù)組中某個(gè)元素的下標(biāo)位置
    var arr = [75, 3, 6, 12, 5, 6, 7];
    var val;
    val = arr.indexOf(5);
    console.log(val); //4
11.find 查找符合條件的數(shù)組元素
        var arr = [
        { name: '鄧紫棋', age: 20 },
        { name: '張碧晨', age: 30 },
        { name: '張靚穎', age: 25 },
        { name: '薛之謙', age: 28 }
    ]
    var person = arr.find(function (item) {
        return item.name === '薛之謙';
    });
    console.log(person);//{name: "薛之謙", age: 28}

如果數(shù)組中有多個(gè)符合條件的元素,用find只能返回?cái)?shù)組中第一個(gè)符合條件的元素蔬啡;

    var arr = [
        { name: '鄧紫棋', age: 20 },
        { name: '張碧晨', age: 30 },
        { name: '張靚穎', age: 25 },
        { name: '薛之謙', age: 28 },
        { name: '薛之謙', age: 23 }
    ]
    var person = arr.find(function (item) {
        return item.name === '薛之謙';
    });
    console.log(person); // {name: "薛之謙", age: 28}
12.findIndex 查找符合條件的元素在數(shù)組中的位置(下標(biāo))
    var arr = [
        { name: '鄧紫棋', age: 20 },
        { name: '張碧晨', age: 30 },
        { name: '張靚穎', age: 25 },
        { name: '薛之謙', age: 28 }
    ]
    var person = arr.findIndex(function (item) {
        return item.age === 28;
    });
    console.log(person); // 3
13.filter 檢測數(shù)值元素诲侮,并返回符合條件所有元素的數(shù)組。
// 和find相似箱蟆,但她可以找出多個(gè)沟绪。
    var arr = [
        { name: '鄧紫棋', age: 20 },
        { name: '張碧晨', age: 30 },
        { name: '張靚穎', age: 25 },
        { name: '薛之謙', age: 28 },
        { name: '薛之謙', age: 23 }
    ]
    var person = arr.filter(function (item) {
        return item.name === '薛之謙';
    });
    console.log(person); // { name: '薛之謙', age: 28 }, { name: '薛之謙', age: 23 }
// 找出年齡小于或等于20歲的明星
    var newArr = arr.filter(function (item) {
        return item.age <= 20;
    });
    console.log(newArr);  // { name: '鄧紫棋', age: 20 }
14.forEach 遍歷數(shù)組
    var arr = [75, 3, 6, 12, 5, 6, 7];
    // 計(jì)算數(shù)組中所有元素的總和
    var sum = 0;
    arr.forEach(function (item) {
        sum += item;
    })
    console.log(sum);// 114
15.map 通過指定函數(shù)處理數(shù)組的每個(gè)元素,并返回處理后的數(shù)組
    var arr = [
        { name: '張三', age: 28 },
        { name: '李四', age: 23 },
        { name: '陳武', age: 21 }
    ];
    var newArr = arr.map(function (item) {
        return {
            username: item.name,
            age: item.age + 10
        };
    })
    console.log(newArr);
    /**
     * 輸出為空猜;
     * { username: "張三", age: 38 }
     * { username: "李四", age: 33 }
     * { username: "陳武", age: 31 }
     * 將數(shù)組中每個(gè)元素的 name改成了usename 并且把年齡加了10绽慈。
    */
16.slice 選取數(shù)組的的一部分,并返回一個(gè)新數(shù)組辈毯。
    var arr = [1, 2, 3, 4, 5];
    var newArr1 = arr.slice(2);  // 從位置2(包含)開始截取到最后
    console.log(newArr1); // [3,4,5]
    var newArr2 = arr.slice(2, 4); //  從位置2(包含)開始截取到位置4(不包含4)
    console.log(newArr2); // [3,4]
17.join 把數(shù)組變成字符串
    var arr = ['a', 'b', 'c'];
    var str = arr.join('-');
    console.log(str);  // "a-b-c"
    var str2 = arr.join(',');
    console.log(str2); // "a,b,c"
18.sort 排列數(shù)組

(1)sort是以ASCII來排序的:

    var numbers = [8, 22, 12, 43, 55, 66, 74, 100, 34];
    var val;
    val = numbers.sort();
    console.log(val);//[100, 12, 22, 34, 43, 55, 66, 74, 8]

(2)正常的大小排序使用以下方法:

    var numbers = [8, 22, 12, 43, 55, 66, 74, 100, 34];
    var val;
    var arr;
    val = numbers.sort(function (x, y) {
        return x - y;
    });
    console.log(val);//[8, 12, 22, 34, 43, 55, 66, 74, 100]
    // 倒序
    arr = numbers.sort(function (x, y) {
        return y - x;
    });
    console.log(arr);//[100, 74, 66, 55, 43, 34, 22, 12, 8]
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末坝疼,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子谆沃,更是在濱河造成了極大的恐慌钝凶,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件唁影,死亡現(xiàn)場離奇詭異耕陷,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)据沈,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進(jìn)店門啃炸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人卓舵,你說我怎么就攤上這事南用。” “怎么了?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵裹虫,是天一觀的道長肿嘲。 經(jīng)常有香客問我,道長筑公,這世上最難降的妖魔是什么雳窟? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮匣屡,結(jié)果婚禮上封救,老公的妹妹穿的比我還像新娘。我一直安慰自己捣作,他們只是感情好誉结,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著券躁,像睡著了一般惩坑。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上也拜,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天以舒,我揣著相機(jī)與錄音,去河邊找鬼慢哈。 笑死蔓钟,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的卵贱。 我是一名探鬼主播滥沫,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼艰赞!你這毒婦竟也來了佣谐?” 一聲冷哼從身側(cè)響起肚吏,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤方妖,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后罚攀,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體党觅,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年斋泄,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了杯瞻。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,841評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡炫掐,死狀恐怖魁莉,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤旗唁,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布畦浓,位于F島的核電站,受9級特大地震影響检疫,放射性物質(zhì)發(fā)生泄漏讶请。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一屎媳、第九天 我趴在偏房一處隱蔽的房頂上張望夺溢。 院中可真熱鬧,春花似錦烛谊、人聲如沸风响。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽钞诡。三九已至,卻和暖如春湃崩,著一層夾襖步出監(jiān)牢的瞬間荧降,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工攒读, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留朵诫,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓薄扁,卻偏偏與公主長得像剪返,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子邓梅,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評論 2 354

推薦閱讀更多精彩內(nèi)容