Rumah > hujung hadapan web > tutorial js > js数组操作记录方法

js数组操作记录方法

一个新手
Lepaskan: 2017-10-12 09:38:26
asal
1738 orang telah melayarinya

一 .splice()

  方法向/从数组中添加/删除项目,然后返回被删除的项目。

  arrayObject.splice(index,howmany,item1,.....,itemX)

参数 描述
index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX 可选。向数组添加的新项目。

 

 

 

 

事例:


let a=[1,2,3];
a.splice(1,1,666);
console.log(a);//[1,666,3]
Salin selepas log masuk

二 .slice()

  slice() 方法可从已有的数组中返回选定的元素。

  arrayObject.slice(start1,end2)

参数 描述
start1 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end2 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

事例:

let a=[1,2,3,4,5];
console.log(a.slice(1,4)); //[2,3,4]
Salin selepas log masuk

三 .concat()

  方法用于连接两个或多个数组。

  该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

  返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。

  arrayObject.concat(X,X,......,X)

参数描述
X必需。该参数可以是具体的值,也可以是数组对象。可以是任意多个。

事例:

  let a=[1,2,3];
  let b=[4,5,6];
  console.log(a.concat(b));
//[1,2,3,4,5,6]
  console.log(a.concat(4,5,6));
//[1,2,3,4,5,6]
Salin selepas log masuk

四 .sort()

  方法用于对数组的元素进行排序。

  arrayObject.sort(sortby)

参数描述
sortby可选。规定排序顺序。必须是函数。

sortby函数应该具有两个参数 a 和 b,其返回值如下:

  • 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

  • 若 a 等于 b,则返回 0。

  • 若 a 大于 b,则返回一个大于 0 的值。

事例:

let a = [2, 4, 1, 3];
  console.log(a.sort(function(a, b) {
    return a-b;  })); //[1,2,3,4]
Salin selepas log masuk

五 . for of

  1 .es6里的新功能 用来遍历数组 参考 :Iterator和for...of循环

  2 .for in 与 for of的区别:

    简单说,for in是遍历键名,for of是遍历键值。

let arr = ["a","b"];for (a in arr) {
    console.log(a);//1,2}for (a of arr) {
    console.log(a);//a,b}
Salin selepas log masuk

    由于for of的这个特性,他还可以实现对iterator对象的遍历,而for in就是简单的遍历了。

五 .最后

  今天就了做一下js数组方面的基础知识的收集。用于经常为自己知识的巩固。

Atas ialah kandungan terperinci js数组操作记录方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan