美文网首页
JS数组操作

JS数组操作

作者: 礼知白 | 来源:发表于2018-08-18 13:53 被阅读0次
var arr = [1, 2, 3, 4, 5, "cat"] //定义一个数组
//push
arr.push(6);//数组最后添加一个元素6
console.log(arr);//[1, 2, 3, 4, 5, "cat", 6]

//pop
console.log(arr.pop());//把数组的最后一个元素取出来,返回这个元素6
console.log(arr);//[1, 2, 3, 4, 5, "cat"]

//shift
console.log(arr.shift());//1 把数组的第一个元素取出来,返回这个元素

//unshift
arr.unshift("dog");//向数组头部添加一个元素'dog'
console.log(arr);//["dog", 2, 3, 4, 5, "cat"]

//join
console.log(arr.join("-"));
//"dog-2-3-4-5-cat" 
//join(char)把数组元素(对象调用其toString()方法)使用参数作为连接符连接成一字符串,不会修改原数组内容

splice

用于一次性解决数组添加、删除(这两种方法一结合就可以达到替换效果),方法有三个参数

  1. 开始索引
  2. 删除元素的位移
  3. 插入的新元素,当然也可以写多个

splice方法返回一个由删除元素组成的新数组,没有删除则返回空数组

arr = ["dog", 2, 3, 4, 5, "cat"]
console.log(arr.splice(1, 3));//[2, 3, 4] 删除索引1到3的值并返回
console.log(arr);//["dog", 5, "cat"] 删除后的数组
arr.splice(1, 0, 8, 9, 100, "tiger");
/*第二个参数,也就是删除动作执行的次数设为0,第三个参数及以后填写要插入内容就splice就能执行插入操作。
而如果第二个参数不为0则变成了先在该位置删除再插入,也就是替换效果*/
console.log(arr);//["dog", 8, 9, 100, "tiger", 5, "cat"]

sort

sort方法用于对数组进行排序,当没有参数的时候会按字母表升序排序,如果含有undefined会被排到最后面,对象元素则会调用其toString方法,如果想按照自己定义方式排序,可以传一个排序方法进去,很典型的策略模式,同样sort会改变原数组。

arr = ["dog", 2, 3, 4, 5, "cat"]
arr.sort();
console.log(arr);//[2, 3, 4, 5, "cat", "dog"]

但是

var a=[7,8,9,10,11]
a.sort()
console.log(a) //[10, 11, 7, 8, 9]

调用toString,按照字母表排序,7就比10大了,这时候我们需要传入自定义排序函数。
如果想按照数值排序,可

 var a = [7,8,9,10,11]

    a.sort(function(v1,v2){
        return v1-v2
    })
    console.log(a) //[7, 8, 9, 10, 11]

    var users = [
        {
            name: 'aaa',
            age: 21
        },
        {
            name: 'baa',
            age: 18
        },
        {
            name: 'abc',
            age: 24
        }
    ]
    // 按age 从小到大排序

    var sortByAge = users.sort(function(v1, v2){
        return  v1.age > v2.age
    })

  // 按name从大到小排序
    var sortByName = users.sort(function(v1, v2){
        return  v1.name > v2.name
    })

reverse

方法用于将数组逆序,与之前不同的是它会修改原数组

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

concat

concat方法用于拼接数组,a.concat(b)返回一个a和b共同组成的新数组,同样不会修改任何一个原始数组,也不会递归连接数组内部数组

var a = [1,2,3,4,5];
var b = [6,7,8,9];
console.log(a.concat(b));//[1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log(a); //[1, 2, 3, 4, 5]
console.log(b); //[6, 7, 8, 9]

相关文章

  • js笔记

    js数组 删除某个元素 js数组是否含有某个元素 判断value为undefined cookie操作

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • JS jsonArray操作

    JS jsonArray操作 js对数组对象的操作以及方法的使用 如何声明创建一个数组对象:var arr = n...

  • JS对象 & JSON & JS数组操作

    JS对象 & JSON & JS数组操作 JSON 格式(JavaScript Object Notation 的...

  • js对象数组操作 数组操作

    var numbers = [1, 2, 3];var newNumbers1 = numbers.map(fun...

  • JS数组操作

    splice 用于一次性解决数组添加、删除(这两种方法一结合就可以达到替换效果),方法有三个参数 开始索引 删除元...

  • JS数组操作

    1.栈方法 push()和pop() 后入先出 push():末尾追加 pop():末尾弹出 2.队列方法 先入先...

  • js 数组操作

    遍历删除元素: 遍历数组:for循环遍历: forEach遍历:

  • js数组操作

    一、改变原数组的方法 a.reverse() 将数组逆序,会修改原数组 a.sort 对数组进行排序, 需要传入自...

  • [js]数组操作

网友评论

      本文标题:JS数组操作

      本文链接:https://www.haomeiwen.com/subject/aolfiftx.html