ES5的数组方法

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

   

</body>

<script>

    //1.join()  将数组分隔为字符串 如果有参数用参数来分隔 如果没有默认用逗号分隔

    var arr=['苹果','橘子','香蕉']

    console.log(typeof(arr.join()));  //string

    console.log(arr.join('&'));

    //2.向数组添加或者删除

    //添加  push(向数组最后面添加) 、 unshift(向数组最前面添加) , 会改变原数组

    // arr.unshift('榴莲')

    //console.log(arr);

    //删除 pop(删除数组的最后一项) 、 shift(删除数组最前面的一项) ,会改变原数组

    // arr.pop()

    // arr.pop()

    // arr.shift()

    // console.log(arr);

    //splice(下标 删除的个数 添加的项)  会改变原数组   [下标-->索引值]

    //删除 splice(下标,删除的个数)

    arr.splice(1,1)

    console.log(arr);

    //添加 splice(下标,0,添加的项)

    arr.splice(0,0,'菠萝','草莓')

    console.log(arr);

    //替换 splice(下标,删除的个数,替换的项)

    arr.splice(2,1,'葡萄')

    console.log(arr);

    arr.splice(1,1,'蓝莓')

    console.log(arr);

    //3.sort()  数组排序 如果是单个数字 默认通过ASCII排序

    var arr1=[2,36,23,8,19,0]

    // arr1.sort(function(v1,v2){

        //return的值>0 进行交换

        //return的值<0 不换

        //  return v1-v2(从小到大)     return v2-v1(从大到小排列)

        //  return v2-v1

    // })

    //4.反转数组 reverse()  会改变原数组

    console.log(arr1);

    console.log(arr1.reverse());

    //5.拼接数组 concat()    (不会改变原数组)返回一个新的数组

    var food=['米饭','馒头','面条']

    console.log(food.concat('烤鸭','烤羊腿'));

    console.log(food);
 

    //6.截取数组 slice()    (不会改变原数组)返回一个新的数组  

    //可以一个参数(参数--->索引值)  截取参数开始的位置 一直到结束

    //可以两个参数  截取的是一个范围 包括开始的位置 不包括结束的位置

    var animal=['猴儿','熊猫','狗子','孔雀','猴儿','猴儿','老鼠']

    console.log(animal.slice(0,3));

    console.log(animal);
 

    //7.indexOf()    从前向后查找或者获取某元素的索引值 如果找不到 得到的值就是-1 (从前往后只获取第一个)

    //一个参数:要查找的项

    //两个参数:要查找的项,查找开始的位置

    console.log(animal.indexOf('猴儿'));

    console.log(animal.indexOf('猴儿',2));

    //lastIndexOf()  从后向前查找或者获取某元素的索引值 如果找不到 得到的值就是-1 (从后往前只获取最后一个)

    //一个参数:要查找的项

    //两个参数:要查找的项,查找开始的位置

    console.log(animal.lastIndexOf('猴儿'));

</script>

</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值