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

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
  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

teng28

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

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

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

打赏作者

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

抵扣说明:

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

余额充值