zoukankan      html  css  js  c++  java
  • js数组方法

    几乎包含所有的数组方法哦,为了办法各位,右边栏目清晰排列哈

    原始的arr

    var arr = [1, 2, 3, 4, 5, 6];
    

    concat()

    var arr1 = [8, 9];
    console.log(arr.concat(arr1)); //在arr后拼接arr1,返回的是一个新数组
    

    copyWithin()

    var arr2 = arr.copyWithin(3)
    console.log(arr2); //指定拷贝前几位数
    console.log(arr);
    console.log(arr.copyWithin(2, 2)); //前者从开头找,后者可以是找的位数,当前者为0后大于1从后面找最后都是进行拷贝
    

    entries()

    var arrn = ["aa", "bb", "cc"];
    var arrr = arrn.entries(); //把对应的数组项和下标找出来
    console.log(arrr.next()); //一组一组的调用显示出来
    console.log(arrr.next());
    

    every()

    var every = arr.every(function(val, index) {
         console.log('val:' + val); //打印1,不会打印2、3、4、5、6
         // console.log(index);
         // console.log(arr);
         return val > 1;
    });
    console.log(every); //返回false里面的打印第一个,返回true里面的全部都打印
    

    fill()

    //fill方法就是用来填充数组的,也可以理解为覆盖某项数组
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    console.log(fruits.fill("Runoob", 3)); //从后面开始进行覆盖
    console.log(fruits.fill("Runoob", 2, 4)); //开始值和结束值进行覆盖
    

    filter()

    var filter = arr.filter((ele, index) => {
       return ele > 3; //设置过来条件
    })
    console.log(filter); //[4, 5, 6]
    

    find()

    var find = arr.find((ele, index) => {
         return ele > 3; //设置过来条件
    })
    console.log(find); //4,find方法只返回一项
    

    findIndex()

    var findIndex = arr.findIndex((ele, index) => {
        return ele > 3; //设置过来条件
    })
    console.log(findIndex); //3,findInde方法只返回一项的第一个索引
    

    forEach()

    var forEach = arr.forEach((ele, index) => {
         console.log(ele + "-->" + index); //forEach没有返回值,用于遍历数组不能遍历对象
    });
    

    Array.from()

    var str = "hdagiugh"
    var myArr = Array.from(str);//字符串转数组
    console.log(myArr);
    

    includes()

    let site = ['runoob', 'google', 'taobao'];
    console.log(site.includes('runoob'));// true 进行全部检索
    console.log(site.includes('baidu'));// false
    console.log(site.includes('taobao',2));//true  对某一项进行检索
    

    indexOf()与lastIndexOf()

    var el = ["a", "b", "a", "b"];
    console.log(el.indexOf("a")); //返回首个检索到的下标
    console.log(el.lastIndexOf("a")); //从后面开始往前找,返回首个检索到的下标
    

    Array.isArray()

    console.log(Array.isArray(arr)); //判断是否为数组
    

    join()与keys()

    console.log(fruits.join('and')); //返回字符串,作用写人你所需要的内容
    console.log(fruits.keys()); //呃...,这个方法没用过不会;希望此时的你可以在评论区添上华丽一笔
    

    map()

    var asrr = arr.map((ele) => {
        return ele * 2 //返回一个新数组,获取的是返回值,可以对其进行修改
    })
    console.log(asrr);
    

    pop()与push()

    console.log(arr.pop()); //删除最后一个元素并返回删除元素
    console.log(arr.push(6)); //在数组末尾添加一个元素,并返回新的长度
    

    unshift()与shift()

    console.log(arr.unshift(0)); //向数组的开头添加一个或更多元素, 并返回新的长度
    console.log(arr.shift()); //删除并返回数组的第一个元素
    

    reduce()

    var err = arrc.reduce((ele, index) => {
         return ele + index //用于数组项的累加
    })
    console.log(err);
    

    reverse()

    console.log(arr.reverse()); //将数组进行反转(倒叙)
    

    slice()

    console.log(arr.slice(0, 3)); //[1, 2, 3]  按下标进行截取,最后一个截取不了 
    console.log(arr.slice(1)); //[2, 3, 4, 5, 6]  按下标进行截取
    console.log(arr.slice(-1)); //[6]
    

    some()

    var sarr1 = [1, 3, 4]
    var sarr = sarr1.some((ele) => {
         return ele > 2 //判断里面有没有大于2的数
    
    })
    console.log(sarr);
    

    sort()

    var soarr = [4, 2, 5, 1, 5, 7]
    var so = soarr.sort()
    console.log(so); //按首位数字的大小进行排序(字母也是根据Unicode编码排序)
    

    splice()

    var fruit = ["Banana", "Orange", "Apple", "Mango"];
    //fruit.splice(1); //截取几项
    fruit.splice(0, 1) //从下标为0开始,长度为1
    console.log(fruit);
    fruit.splice(0, 1, "l") //从下标为0开始,长度为1的数组元素替换成"l"
    console.log(fruit);
    fruit.splice(2, 0, "Lemon", "Kiwi"); //在下标为2添加两项
    console.log(fruit);
    
  • 相关阅读:
    Java vs Python
    Compiled Language vs Scripting Language
    445. Add Two Numbers II
    213. House Robber II
    198. House Robber
    276. Paint Fence
    77. Combinations
    54. Spiral Matrix
    82. Remove Duplicates from Sorted List II
    80. Remove Duplicates from Sorted Array II
  • 原文地址:https://www.cnblogs.com/lsy6/p/13900687.html
Copyright © 2011-2022 走看看