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);
posted @ 2020-10-30 10:03  残酷^现实  阅读(138)  评论(0编辑  收藏  举报