js中数组的常用方法(替换数组)

前端 专栏收录该内容
30 篇文章 0 订阅

js中数组的常用方法(替换数组)

filter()方法

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素(过滤)。和map()类似,Array的filter()也接收一个函数。和map()不同的是,filter()把传入的函数依次作用于每个元素,然后根据返回值是true还是false决定保留还是丢弃该元素。

  • filter() 不会对空数组进行检测。
  • filter() 不会改变原始数组。

在一个Array中,删掉偶数,只保留奇数,可以这么写:

var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter(function (x) {
    return x % 2 !== 0;
});
//r  [1, 5, 9, 15]

把一个Array中的空字符串删掉,trim()函数去掉字符串首尾空白字符,可以这么写:

var arr = ['A', '', 'B', null, undefined, 'C', '  '];
var r = arr.filter(function (s) {
    return s && s.trim(); // 注意:IE9以下的版本没有trim()方法
});
arr; // ['A', 'B', 'C']

filter()接收的回调函数,其实可以有多个参数。通常我们仅使用第一个参数,表示Array的某个元素。回调函数还可以接收另外两个参数,表示元素的位置和数组本身:

var arr = ['A', 'B', 'C'];
var r = arr.filter(function (element, index, self) {
    console.log(element); // 依次打印'A', 'B', 'C'
    console.log(index); // 依次打印0, 1, 2
    console.log(self); // self就是变量arr
    return true;
});

concat() 方法

concat() 方法用于连接两个或多个字符串。该方法没有改变原有字符串,但是会返回连接两个或多个字符串新字符串。

  • 例子1:
var a = [1,2,3];
var b = a.concat(4,5);
// b [1,2,3,4,5];
});

- 例子2```javascript
var a = [1,2,3];
var b = [4,5];
var c = a.concat(b);
// c [1,2,3,4,5];
});
  • 例子2:
var a = [1,2,3];
var b = [4,5];
var c = [6,7[;
var c = a.concat(b,c);
// c [1,2,3,4,5,6,7];
});

splice()方法

  • slice() 方法可从已有的数组中返回选定的元素。
  • arrayObject.slice(start,end)
  • start:必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
  • end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
  • 返回值:返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
  • 请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

例子一:

var arr = new Array();
arr[0] = "first";
arr[1] = "second";
arr[2] = "third";
arr[3] = "forth";
console.log(arr.slice(0)); //["first","second","third","forth"]
console.log(arr.slice(2)); //["third","forth"]
console.log(arr.slice(1,2)); //["second"]

例子二:

var str = "abcdefg";
console.log(str.slice(-1));//g
console.log(str.slice(2));//cdefg
console.log(str.slice(0,3));//abc
console.log(str.slice(0,-2));//abcde
console.log(str.slice(-3,-2));//e

应用–字符串反转:

function reverse(str){
    if(str.length === 1){
        return str;
    }
    return  str.slice(-1) + reverse(str.slice(0,-1));
}
var str = "helloworld";
console.log(reverse(str));//dlrowolleh
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值