js数组的增删改查小总结。

增

1.unshift() 数组的前面添加一个元素/多个元素

• 结构:数组unshift(值)
• 参数：需要一个参数
• 返回值：(添加元素)返回值得也是添加后数组的长度

    var arr = ['zs','ls','yzh'];
    var res = arr.unshift('lf');
    console.log(arr); // ["lf", "zs", "ls", "yzh"]
    console.log(res); // 4

2.push() 数组后面添加一个元素/多个元素

• 结构:数组push(值)
• 参数：需要一个新值
• 返回值：(添加元素) 返回的是一个数组的长度

    var arr = ['zs', 'ls', 'yzh'];
    var res = arr.push('hlp','fcl');
    console.log(arr); //["zs", "ls", "yzh", "hlp", "fcl"]
    console.log(res); // 5

3.concat()把所有的元素放到一个新元素里面

• 结构:数组1concat(数组2)
• 参数:传递一或多个数组
• 返回值:返回一个新数组

    var arr1 = [1, 2, 3];
    var arr2 = [4, 5, 6];
    var newArr = arr1.concat(arr2);
    console.log(newArr); //[1, 2, 3, 4, 5, 6]
    //跟push不同的是，push是把 arr2 当成一个整体元素，放到数组的最后
    arr1.push(arr2);
    console.log(arr1); //[1, 2, 3, Array(3)]

4.splice()从数组中添加/删除元素，然后返回被删除的元素

• 结构:数组.splice(start,deletedCount,item)
• 参数:从start下标开始,删除几个,在start这个位置上添加item(可选)
• 返回值:把删除的元素当成一个新数组返回,原数组改变

    var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
    arr.splice(5, 2, 'yzh');
    console.log(arr); //[0, 1, 2, 3, 4, "yzh", 7, 8, 9]
    
    //数组.splice(start,0,item)
    //在start下标位置不删除，添加item
    arr.splice(3, 0, 'sy');
    console.log(arr); //[0, 1, 2, "sy", 3, 4, 5, 6, 7, 8, 9]

删

1.shift()数组的前面删除一个元素

• 结构:数组shift()
• 参数:不需要
• 返回值:(删除元素)返回的是刚才那个删除的元素

    var arr = ['zs', 'ls', 'yzh'];
    var res = arr.shift();
    console.log(arr); //["ls", "yzh"]
    console.log(res); // zs

2.pop()数组 后面删除一个元素

• 结构:数组pop()
• 参数:不需要参数
• 返回值:（删除元素） 返回的是刚才删除的那个元素

    var arr = ['zs', 'ls', 'yzh'];
    var res = arr.pop();
    console.log(arr); //["zs", "ls"]
    console.log(res); // yzh

3.slice()截取一段内容放到一个新数组里

• 结构1:数组slice(start)
• 作用:从start 下标开始 一直截取到最后
• 返回值:返回从该参数指定位置开始到当前数组末尾的所有项。

    var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
    var newArr = arr.slice(2);
    console.log(newArr); //[2, 3, 4, 5, 6, 7, 8, 9]

• 结构2:数组slice(start,end)
• 作用:从start 下标开始到end 结束,不包括 end
• 返回值:返回起始和结束位置之间的项——但不包括结束位置的项。

    var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
    var newArr = arr.slice(2, 6);
    console.log(newArr); //[2, 3, 4, 5]

4.splice() 删除/增加 任意元素

• 结构:数组splice(start,deletedCount)
• 作用:从start下标开始，删除几个(deletedCount删除的个数)
• 返回值:删除指定元素后返回被删除的元素

    var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
    arr.splice(4, 2);
    console.log(arr); //[0, 1, 2, 3, 6, 7, 8, 9]

改

splice()从数组中添加/删除元素，然后返回被删除的元素

• 结构:数组.splice(start,deletedCount,item)
• 参数:从start下标开始,删除几个,在start这个位置上添加item(可选)
• 返回值:把删除的元素当成一个新数组返回,原数组改变

    var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
    arr.splice(5, 0, 'yzh');
    console.log(arr); //[0, 1, 2, 3, 4, "yzh", 5, 6, 7, 8, 9]

查

1.indexOf()数组查找元素 ,第一次出现的位置

• 结构1:数组indexOf(元素)
• 返回值:返回对应的下标
• 注意:如果元素不存在,返回的就是-1

    var arr = ['zs', 'ls', 'ww', 'hg'];
    var index = arr.indexOf('zs');
    console.log(index); // 0
    // 判断元素是否在数组中
    if (arr.indexOf('hg') == -1) {
      console.log('说明不存在')
    } else {
      console.log('说明存在')
    }

• 结构2:数组indexOf('值',fromIndex)
• 返回值:返回对应的下标

    var arr = [7, 5, 2, 1, 7, 90, 4, 3, 1, 2];
    var index2 = arr.indexOf(1, 4);
    console.log(index2); // 8

2.lastIndexOf 查找数组元素 最后一次出现的位置

• 结构：数组lastIndexOf(元素)
• 返回值：返回对应的下标
• 注意:如果元素不存在,返回的就是-1

    var arr = ['zs', 'ls', 'ww', 'hg', 'dgd', 'hg', 'pp'];
    var index2 = arr.lastIndexOf('hg');
    console.log(index2); // 5

其他

reverse()翻转/颠倒数组中元素的顺序

    var arr = [1,25,6,7,96];
    arr.reverse();
    console.log(arr); //[96, 7, 6, 25, 1]

sort()对数组的元素进行排序，并返回数组。

    arr.sort(function(a,b){
      return b-a;
      //return a-b;
    });
    console.log(arr); //[96, 25, 7, 6, 1]
    //console.log(arr); //[1, 6, 7, 25, 96]
    // return a-b; a 没有b高，从小到大排序
    //return  b-a; b高,前面高,后面低,从大到小排序

以上就是关于js数组的增删改查小总结啦~ ٩(๑>◡<๑)۶ ~