js的Array方法

js的Array方法

// Array.map()
// 此方法是将数组中的每个元素调用一个提供的函数,结果作为一个新的数组返回,并没有改变原来的数组
function test1() {
    let arr1 = [1, 2, 3, 4, 5];
    let arr2 = arr1.map(x=>x*10);
    console.log(arr2)
    // arr1 = [1, 2, 3, 4, 5] 原数组不变
    // arr2 = [10, 20, 30, 40, 50]  返回新数组
}

// Array.forEach()
// 此方法是将数组中的每个元素执行传进提供的函数,没有返回值,注意和map方法区分
function test2() {
    let arr1 = [1, 2, 3, 4, 5];
    arr1.forEach(x=>x*10);
    // arr1 = [1, 2, 3, 4, 5] 原数组不变
}

// Array.filter()
// 此方法是将所有元素进行判断,将满足条件的元素作为一个新的数组返回
function test3() {
    let arr1 = [1, 2, 3, 4, 5];
    let arr2 = arr1.filter(x=>x>2);
    console.log(arr2)
    // arr1 = [1, 2, 3, 4, 5] 原数组不变
    // arr2 = [3, 4, 5] 满足条件的元素返回为一个新的数组
}

// Array.every()
// 此方法是将所有元素进行判断返回一个布尔值,如果所有元素都满足判断条件,则返回true,否则为false:
function test4() {
    let arr1 = [1, 2, 3, 4, 5];
    console.log(arr1.every(x=>x>2)) // false
    console.log(arr1.every(x=>x>0)) // true
}

// Array.some()
// 此方法是将所有元素进行判断返回一个布尔值,如果存在元素都满足判断条件,则返回true,若所有元素都不满足判断条件,则返回false:
function test5() {
    let arr1 = [1, 2, 3, 4, 5];
    console.log(arr1.some(x=>x>6)) // false
    console.log(arr1.some(x=>x>2)) // true
}

// Array.reduce()
// 此方法是所有元素调用返回函数,返回值为最后结果,传入的值必须是函数类型:
function test6() {
    let arr1 = [1, 2, 3, 4, 5];
    console.log(arr1.reduce((a, b) => a + b)); // 15 所以元素相加
}

// Array.push() 此方法是在数组的后面添加新加元素,此方法改变了数组的长度:
// Array.push() 此方法在数组后面删除最后一个元素,并返回数组,此方法改变了数组的长度:
// Array.shift()  此方法在数组后面删除第一个元素,并返回数组,此方法改变了数组的长度:
// Array.unshift() 此方法是将一个或多个元素添加到数组的开头,并返回新数组的长度:
function test7() {
    let arr1 = [1, 2, 3, 4, 5];
    arr1.push(6);
    console.log(arr1); // [1, 2, 3, 4, 5, 6] 
    arr1.pop(arr1);
    console.log(arr1); // [1, 2, 3, 4, 5] 
    arr1.shift();
    console.log(arr1); // [2, 3, 4, 5]
    arr1.unshift(0,1)
    console.log(arr1); // [0, 1, 2, 3, 4, 5]
}

// Array.isArray() 判断一个对象是不是数组,返回的是布尔值
// Array.concat() 此方法是一个可以将多个数组拼接成一个数组:
// Array.toString() 此方法将数组转化为字符串:
// Array.join() 此方法也是将数组转化为字符串:
function test8() {
    let arr1 = [0, 1, 2, 3, 4, 5];
    console.log(Array.isArray(arr1)); // true

    let arr2 = arr1.concat(6,7);
    console.log(arr1); // [0, 1, 2, 3, 4, 5] 原数组不变
    console.log(arr2); // [0, 1, 2, 3, 4, 5, 6, 7] 返回新数组

    console.log(arr1.toString()) // 0,1,2,3,4,5
    console.log(arr1.join("-")) // 0-1-2-3-4-5
}

// Array.splice(开始位置, 删除的个数,元素) 实现增删改
function test9() {
    let arr1 = [1, 2, 3, 4, 5];
    arr1.splice(2, 0, 9);
    console.log(arr1); // [1, 2, 9, 3, 4, 5]
    arr1.splice(2, 1);
    console.log(arr1); // [1, 2, 3, 4, 5]
    arr1.splice(2,1,9);
    console.log(arr1); // [1, 2, 9, 4, 5]
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_26264237

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值