Rumah >hujung hadapan web >tutorial js >js中数组函数和注意事项

js中数组函数和注意事项

小云云
小云云asal
2018-03-13 16:47:201385semak imbas

本文主要和大家分享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原生数组函数讲解

Atas ialah kandungan terperinci js中数组函数和注意事项. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:用JS代码做出弹幕效果Artikel seterusnya:js中const,var,let区别分享