JavaScript面试精讲（六）——说说你经常使用到的array方法

目录

一.数组转换相关的方法

1.instanceof（）

2.toString（）

3.valueOf（）

4.join（）

 二.数组的增删

1.数组的增加

 2.数组的删除

三.数组的排序和反转

1.reserve()

2.sort()

四.数组的一些操作方法

1.concat()

2.slice()

3.splice()

 五.数组的常见遍历方法

1.map()

2.for循环  这里不做解释，大家太熟悉

3.for....of   

 4.for...in  

---

Array方法有好多，大致分为五类

一.数组转换相关的方法

1.instanceof（）

这个方法主要用来检测类型

var obj=[]
console.log(obj instanceof Array)  //true

2.toString（）

将数组转化为字符串

var arr=[1,2,3,4,5,6]
console.log(arr.toString())  // 1,2,3,4,5,6

3.valueOf（）

返回数组或对象的原始值，不作任何改变

var array2=["学生1","学生2","学生3","学生4","学生5","学生6","学生7","学生7"]
 console.log(array2.valueOf())

 请忽略输出顺序，之前进行过顺序打乱操作

 

4.join（）

与toString()方法相似，不同的是根据join()可以设置字符串用什么的间隔，或不间隔

var array2=["学生1","学生2","学生3","学生4","学生5","学生6","学生7","学生7"]

 console.log(array2.join('|'))  //  | 间隔
 console.log(array2.join('')) //不间隔

 

 二.数组的增删

这里分为两组进行比较，方便读者记忆

1.数组的增加

push():从数组的尾部添加，并改变数组长度，输出新数组

var array3=[2,4,1,5,7,33,5,88,3]
  array3.push(1000)
  console.log(array3);

unshift():从数组的头部添加，并改变数组长度，输出新数组

---------------------------------------------------------------------------------------------------------------------------------

这里分享一下我在项目中使用的场景，当你做展现用户搜索历史时，最新的搜索关键词就应该加入到数组的头部进行渲染！！！1.

--------------------------------------------------------------------------------------------------------------------------------

 2.数组的删除

pop():从数组的尾部删除，并改变数组长度，输出新数组

shift():从数组的头部删除，并改变数组长度，输出新数组

三.数组的排序和反转

1.reserve()

反转数组的排列顺序

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

2.sort()

对数组进行排序，但使用有很多坑，这里不做详解，感兴趣的看我其它文章详解

四.数组的一些操作方法

1.concat()

对字符串数组进行拼接

var arr=[1,2,3,4]
var arr1=[5,6,7,8]
arr=arr.concat(arr1)   //1，2，3，4，5，6，7，8

2.slice()

slice(start,end)这里传入两个参数  指定数组的输出范围    注意：包含开始，不包含结束

[  start,ennd)

3.splice()

• splice：向数组中插入若干项，返回一个数组，数组中包含从原始数组中删除的项，如果没有删除则返回一个空数组。主要用途包括：
  • 删除：指定两个参数，要删除的起始项以及项数；
  • 插入：需要插入至少三个参数，起始位置，要删除的项数，以及要插入的元素（可以传入多个）；
  • 替换：先删除任意项，再插入任意项。需要指定三个参数，起始项数，要删除的项数，以及插入的项；插入的项不必与删除的项数相等；

 五.数组的常见遍历方法

1.map()

将原数组映射为一个新数组，不操作原数组，返回新数组值和索引

 let arr = ['123','qwewq','sfds'];
    arr.map(function(value,index){
    console.log(value,index);
    });

 

2.for循环  这里不做解释，大家太熟悉

3.for....of   

无法遍历对象

var arr=[1,2,3,4,5]
for(let item of arr){
console.log(item)
}

 4.for...in  

数组对象都可遍历

 var  obje1={
      name:'zs',
      age:12
    }
    for(let item in obje1){
      console.log(item);    //name  age
      
      console.log(obje1[item]) // zs  12
    }