欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js中数组函数和注意事项

程序员文章站 2022-04-08 11:10:18
...

本文主要和大家分享js中数组函数和注意事项,首先我们先和大家分享js 的数组对象有哪些,希望能帮助到大家。

js 的数组对象有哪些

  1. push — 向数组的末尾添加一个或更多元素,并返回新的长度。

  2. pop — 删除并返回数组的最后一个元素

  3. shift — 删除并返回数组的第一个元素

  4. unshift —可向数组的开头添加一个或更多元素,并返回新的长度。

  5. slice — 从某个已有的数组返回选定的元素

  6. sort — 对数组的元素进行排序

  7. join —把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

  8. concat — 连接两个或更多的数组,并返回结果。

  9. reverse —颠倒数组中元素的顺序。

  10. splice — 删除元素,并向数组添加新元素。

使用注意事项

  1. push ,unshift 都是返回的 新的长度

  2. pop , shift 删除 都是返回的 删除的那个值

    var Arr1 = ['11','22','33']
    var a = Arr1.push('44');
    console.log(a);  //4
    console.log(Arr1);//["11", "22", "33", "44"]
    
    var c = Arr1.pop();
    console.log(c); //44
    console.log(Arr1);//["11", "22", "33"]
    
    var d = Arr1.pop();
    console.log(d);//33
    console.log(Arr1);//["11", "22"]
    
    var Arr2 =['a','b','c']
    var b =Arr2.unshift('-a');
    console.log(b); //4 
    console.log(Arr2); // ["-a", "a", "b", "c"]
    
    
    var e = Arr2.shift();
    console.log(e); //-a
    console.log(Arr2); // ["a", "b", "c"]
    
    var f = Arr2.shift();
    console.log(f); //a 
    console.log(Arr2); // ["b", "c"]
  3. slice 和 splice
    slice 返回新数组 与原来数组没有关系 不会影响源对象
    参数(start , end )从哪里开始( 如果为负数 从后面开始数),到哪里结束(如果是负数,从尾部开始算)

    var Arr1 = ['11','22','33']
    var a = Arr1.slice(0);
    console.log(a);
    Arr1[0] = '111';
    console.log(a);
    console.log(Arr1);

    splice 会源对象进行分割

    arrayObject.splice(index,howmany,item1,.....,itemX)
    
    index   必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
    howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
    item1, ..., itemX   可选。向数组添加的新项目
    
    var Arr1 = ['11','22','33','44','55'];
    var a = Arr1.splice(1,5);
    console.log(a); // ["22", "33", "44", "55"]
    console.log(Arr1); //["11"]
    
    
    var Arr1 = ['11','22','33','44','55'];
    var a = Arr1.splice(1,5,'66','77','88');
    console.log(a);["22", "33", "44", "55"]
    console.log(Arr1); ["11", "66", "77", "88"]
  4. sort

    arrayObject.sort(sortby)
    sortby  可选。规定排序顺序。必须是函数。
    
    function sortNumber(a,b)
    {
    return -(a - b)
    }
    
    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    console.log(arr.sort(sortNumber))//["1000", "40", "25", "10", "5", "1"]
  5. 字符串和数组的转化

    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    var a = arr.join('-');
    console.log(a);//10-5-40-25-1000-1
    var b = a.split('-');
    console.log(b);//["10", "5", "40", "25", "1000", "1"]
  6. concat
    会生成新的数组,不会影响原来的数组

相关推荐:

最实用的JS数组函数整理

常用数组函数有哪些

JavaScript原生数组函数讲解

以上就是js中数组函数和注意事项的详细内容,更多请关注其它相关文章!