• 数组常用方法(2).html


    <script type="text/javascript">
    var arr=['hello','world','sql','linux']

    //5.concat() 对数组进行拼接 可拼接多个数组
    //语法:数组.concat(拼接的内容)
    //不改变原始数组
    //数组添加在末尾
    //返回值:原数组+拼接后的数组
    var res=arr.concat(['新来的1','新来的2'],['新来的11','新来的22'])
    console.log(arr) //(4) ["hello", "world", "sql", "linux"]
    console.log(res) //(6) ["hello", "world", "sql", "linux", "新来的1", "新来的2","新来的11", "新来的22"]

    //6.splice() 对数组进行截取
    //语法: 数组.splice(开始截取的索引, 截取多少个)
    //直接改变原始数组
    //返回值:以数组的形式返回已截取的内容,截取的内容为数组的形式返回

    //splice使用方法1
    // var res=arr.splice(1,2)
    // console.log(arr) //(2) ["hello", "linux"]
    // console.log(res) //(2) ["world", "sql"]

    // var res=arr.splice(1,0)
    // console.log(arr) //(4) ["hello", "world", "sql", "linux"]
    // console.log(res) //[]

    //splice使用方法2
    //当第二个参数不传递时,从哪个索引开始截取到数组的末尾的值 当返回值
    // var res=arr.splice(1, )
    // console.log(arr) //["hello"]
    // console.log(res) //(3) ["world", "sql", "linux"]

    //splice使用方法3
    //从第三个参数开始,都是替换掉截取的位置
    // var res=arr.splice(1, 2,'新来的0','新来的1')
    // console.log(arr) //(4) ["hello", "新来的0", "新来的1", "linux"]
    // console.log(res) //(2) ["world", "sql"]

    //插入功能
    //按顺序排列
    var arr1=[1,2,3,5,6,7,8,9]
    var num=4
    //从哪个索引位置开始删除,就从哪个索引位置开始替换
    arr1.splice(3, 0, num)
    console.log(arr1) //(9) [1, 2, 3, 4, 5, 6, 7, 8, 9]

    //7.reverse() 反转数组
    //语法:数组.reverse()
    //直接改变原始数组
    //返回值:反转后的数组 与arr同等
    // var res=arr.reverse()
    // console.log(arr) //(4) ["linux", "sql", "world", "hello"]
    // console.log(res) //(4) ["linux", "sql", "world", "hello"]

    var arr2=[1,2,3,4,5]
    var res=arr2.reverse()
    console.log(arr2) //(5) [5, 4, 3, 2, 1]
    console.log(res) //(5) [5, 4, 3, 2, 1]


    //8.sort() 数组排序
    //第一种使用方式 是按照一位一位来看的
    //语法:数组.sort()
    //直接改变原始数组
    //返回值:排序后的数组 与arr3一样
    var arr3=[1,3,5,9,8,7,6,11,2,555,8,10,13]
    var res=arr3.sort()
    console.log(arr3) //(13) [1, 10, 11, 13, 2, 3, 5, 555, 6, 7, 8, 8, 9]
    console.log(res) //(13) [1, 10, 11, 13, 2, 3, 5, 555, 6, 7, 8, 8, 9]

    //第二种使用方式 按照数字大小排列
    //语法:数组.sort(function(a,b){return a-b})
    //升序:a-b
    //降序:b-a
    //直接改变原始数组
    //返回值:排序后的数组 与arr3一样
    var res=arr3.sort(function(a,b){
    return a-b
    })
    console.log(arr3) //(13) [1, 2, 3, 5, 6, 7, 8, 8, 9, 10, 11, 13, 555]
    console.log(res) //(13) [1, 2, 3, 5, 6, 7, 8, 8, 9, 10, 11, 13, 555]


    //9.join() 把数组链接成字符串
    //语法:数组.join('以什么字符链接') 传递的参数可不定,默认为逗号链接
    //不改变原始数组
    //返回值:就是用指定字符链接好的字符串
    // var res=arr.join('--')
    // console.log(arr) //(4) ["hello", "world", "sql", "linux"]
    // console.log(res) //hello--world--sql--linux
    // console.log(typeof res) //string


    //10.slice() 截取数组
    //语法:数组.slice(开始的索引,结束的索引) 包前不包后
    //不改变原始数组
    //以数组的形式返回截的内容
    var res=arr.slice(1,3)
    console.log(arr) //(4) ["hello", "world", "sql", "linux"]
    console.log(res) //(2) ["world", "sql"]

    //第二个参数不写 从开始索引截取到末尾
    var res=arr.slice(1)
    console.log(arr) //(4) ["hello", "world", "sql", "linux"]
    console.log(res) //(3) ["world", "sql", "linux"]


    //传递负数函数时,把这个数字和数组的length相加得到的结果 4+(-1) ==3
    var res=arr.slice(1,-1) //等价于 slice(1,3)
    console.log(arr) //(4) ["hello", "world", "sql", "linux"]
    console.log(res) //(2) ["world", "sql"]

    </script>

  • 相关阅读:
    底部导航栏
    判断手机是否连接网络
    瀑布流(圆角,卡片效果)
    列表卡片效果
    使用Glide改变图片的圆角
    条形码EAN-13码和EAN-8码的原理
    自定义底部弹窗
    【代码笔记】Java常识性基础补充(一)——赋值运算符、逻辑运算符、三元运算符、Scanner类、键盘输入、Random类、随机数
    【Android】9.0活动的生命周期(二)——实际代码演示
    【Android】8.0活动的生命周期(一)——理论知识、活动的启动方式
  • 原文地址:https://www.cnblogs.com/d534/p/12710217.html
Copyright © 2020-2023  润新知