数组常用的方法(17个)

                      **数组常用方法**

isArrary()

判断参数是不是数组,返回布尔值-----Array.isArrary()

var arrs = [1, 2, 3, 13, 1]
    if (Array.isArray(arrs)) {
    
     //该方法返回一个布尔类型函数---true/false
        console.log(`arrs该参数是一个数组`) //返回该结果
    } else {
    
    
        console.log(`该参数不是一个数组`)
    }

var arr = 1
    if (Array.isArray(arr)) {
    
     //该方法返回一个布尔类型函数---true/false
        console.log(`arr该参数是一个数组`)
    } else {
    
    
        console.log(`该参数不是一个数组`) //返回该结果
    }

//当自定义参数是数组时,清空数组中的值---自定义参数名=[]
var arrs = [1, 2, 3, 13, 1]
    if (Array.isArray(arrs)) {
    
     //该方法返回一个布尔类型函数---true/false
        console.log(`arrs该参数是一个数组`) //返回该结果
        arrs = []
    } else {
    
    
        console.log(`该参数不是一个数组`)
    }

toString()

把数组转成字符串------数组名.toString–对象类型数组不能直接转换

//toString() 将数组转化为字符串
var arrs = [0,1,0,1,0,52]
console.log(arrs.toString())//0,1,0,1,0,52
//相当于
console.log(`${
      
      arrs}`)//0,1,0,1,0,52

valueOf()

返回数组本身-----数组名.valueOf()

//valueOf()  返回数组本身
var arrs = [0,1,0,1,0,52]
console.log(arrs.valueOf())//Array(6)

push()和unshift()

数组名.push():在数组末尾添加元素

数组名.unshift():在数组开头添加元素

var nums = [1]
//push()---在数组末尾进行添加
nums.push(2)
console.log(`${
      
      nums}`)//1 2
//unshift()---在数组开头进行添加
nums.unshift(0)
console.log(`${
      
      nums}`)//0 1 2

pop()和shift()

数组名.pop()—删除数组末尾的值,并返回删除的值

数组名.shift()—删除数组第一个的值,并返回删除的值

var arrs = [1,2,3,4]
//pop()---删除数组末尾的值,并返回删除的值
console.log(arrs.pop())	 //4
//shift()---删除数组第一个的值,并返回删除的值
console.log(arrs.shift())//1
console.log(`${
      
      arrs}`)//2,3

reverse()

数组名.reverse(): 翻转数组

var arrs = ['刘备','张飞','关羽','赵云','黄忠','马超']
console.log('翻转前')
console.log(arrs.toString())//-------刘备,张飞,关羽,赵云,黄忠,马超			

//reverse() 翻转函数-----
console.log('翻转后')
console.log(arrs.reverse().toString())//-------马超,黄忠,赵云,关羽,张飞,刘备

join(‘符号’)

数组名.join(‘分割符号’)----以所用的符号对数组进行拼接方法

var arrs = ['刘备','张飞','关羽','赵云','黄忠','马超']
//join('符号')-------以所给的符号对数组进行拼接
console.log(arrs.join('☀'))//以☀符号对数组进行拼接-----刘备☀张飞☀关羽☀赵云☀黄忠☀马超
console.log('---------------------------')

sort()

数组名.sort()----排序

var nums = [15,56,44,2,36]
console.log(nums.sort(function(a,b){
    
    //输出从小到大
    return a-b
}).toString())//2 15 36 44 56
console.log(nums.sort(function(a,b){
    
    //输出从大到小
    return b-a
}).toString())//56 44 36 15 2

concat

**数组名.conta(数组名1)**把多个数组拼接成一个数组 并且不影响原有的数组
**数组名.conta(数组名1,…数组名N)**把多个数组拼接成一个数组 并且不影响原有的数组

注意:参数可以是一个也可以是多个

var a = [1, 2, 3]
var b = [4, 5, 6]
var c = [7, 8, 9]
console.log(a.concat(b))//[1,2,3,4,5,6]
console.log(a.concat(a, b))//[1,2,3,1,2,3,7,8,9]
console.log(a)//[1,2,3]
console.log(b)//[4,5,6]
console.log(c)//[7,8,9]

slice()

数组名.slice():根据参数截取里面参数

说明如下:

slice(开始索引值,结束索引值) 数组截取(下标)包括左边不包括右边
如果第二个数是正数, 返回从开始位置到结束的位置(但不包括最后结束的位置)
如果第二个数是负数,返回的是开始位置到结束位置减一
如果第二个数是0或者两个数都是负数,则返回[]

事例:

var nums = [1,2,3,4,5,6,7,8,9]
console.log(nums.slice(0,4))//1,2,3,4   
console.log(nums.slice(2))//3,4,5,6,7,8,9
console.log(nums.slice(2,nums.indexOf(6)))//3,4,5
console.log(nums.slice(2,0))//[]
console.log(nums.slice(2,-1))//3,4,5,6,7,8
console.log(nums.slice(2,-2))//3,4,5,6,7

indexOf和lastIndexOf

数组名.indexOf():某个元素从左到右第一次出现的下标

数组名.lastIndexOf:某个元素从左到右最后一次出现的下标

var nums = [1,5,1,16,56,6,5,66]
var index = nums.indexOf(5)
console.log(index)//1

index = nums.lastIndexOf(5)
console.log(index)//6

filter()

数组名.filter():过滤满足条件为true的元素

  • 返回一个新数组

  • 不会影响原数组

    筛选单个值
var money = [1500, 1200, 2000, 2100, 1800]
var arrs = money.filter(function(v) {
    
    
	//输出数组里小于2000的元素
    return v <= 2000
})
console.log(arrs.toString())//1500,1200,1800

筛选对象
//筛选出工资大于4000的员工信息
var people = [
    {
    
    name:'赵俊',age:18,salary:8000},
    {
    
    name:'张三',age:18,salary:4000},
    {
    
    name:'李四',age:18,salary:6000},
    {
    
    name:'王麻子',age:18,salary:3000},
    {
    
    name:'刘辰',age:18,salary:2200}
]
var arrs = people.filter(function(v){
    
    
    if(v.age >= 18)
        return v.salary >= 4000
})
console.log(arrs)//Array(3)

find()和findIndex()

数组名.find():查找数组中满足条件的第一个元素,返回该元素,没找到输出undefinded

数组名.findIndex():查找数组中满足条件的第一个元素,返回该元素下标,没找到输出-1

//find------找到是否存在值,找到输出查询的元素,没找到输出undefinded
var nums = [15,56,44,2,36]
var a = nums.find(function(v){
    
    
    return v == 15
})
console.log(a)//0
//findIndex------找到是否存在值的下标,找到输出元素的下标,没找到输出-1
a = nums.findIndex(function(v){
    
    
    return v == 15
})
console.log('下标是:'+a)//下标是:0

includes()

数组名.includes():判断数组是否包含某个元素,不用回调函数(不用函数作为参数)不包含返回false

var nums = [15,56,44,2,36]
if(nums.includes(15)){
    
    
    console.log('包含')//包含
}else{
    
    
    console.log('不包含')
}

map()

数组名.map(function(v,index,arr){ }):返回原来的数组操作之后的数据

  • 返回新数组
var salary = [1500,1200,2000,2100,1800]
//给每个员工涨工资1000
var arrs = salary.map(function(v){
    
    
    return v*2
})
console.log(salary.toString())//1500 1200 2100 1800
console.log(arrs.toString()) //3000 2400 4000 3600

every()和some()

数组名.every()—全部满足条件 全部都满足则返回true,否则返回false 相当于&&

数组名.some()—只要有一个满足就返回true 全部都不满足则返回false 相当于||

var people = [	{
    
    name: '赵俊',age: 18,year: 1,salary: 8000},
				{
    
    name: '张三',age: 18,year: 2,salary: 4000},
				{
    
    name: '李四',age: 18,year: 3,salary: 6000},
				{
    
    name: '王麻子',age: 18,year: 4,salary: 3000},
				{
    
    name: '刘辰',age: 18,year: 6,salary: 2200}
			]
			
                //every()---全部都  全部都满足则返回true,否则返回false
                var a = people.every(function(v){
    
    
                    return v.salary >2000
                })
                if(a){
    
    
                    console.log('公司所有人工资都大于2000')//公司所有人工资都大于2000
                }else{
    
    
                    console.log('公司有人工资小于2000')
                }
                //some()---只要有一个满足就返回true  全部都不满足则返回false
                a = people.some(function(v){
    
    
                    return v.age <18
                })
                if(a){
    
    
                    console.log('公司有人未满十八')
                }else{
    
    
                    console.log('公司所有人都是十八岁及以上')//公司所有人都是十八岁及以上
                }

reduce()

数组名.reduce(function(返回值,元素,下标,当前数组){},返回值的初始值)

reduce()方法接收一个函数累加器,数组中的每个值(从左到右)开始缩减,最后累计为一个值

求和
var nums = [1, 2, 3, 4, 5, 6, 7, 8, 9]
			var sum = nums.reduce(function(tatol, v) {
    
    
				return tatol + v
			},0)
			console.log(sum) //45
二维数组转一维数组
nums[
    [1,2,3],
    [4,5,6],
    [7,8,9]
]
var arrs = nums.reduce(function(nums2,i){
    
    
    return nums2.concat(i)
},[])
console.log(arrs.toString())// [1,2,3,4,5,6,7,8,9]
统计一个数组中有多少个不重复的单词
var arr = ["apple","orange","apple","orange","pear","orange"];
 
function getWordCnt(){
    
    
  return arr.reduce(function(prev,next){
    
    
    prev[next] = (prev[next] + 1) || 1;
    return prev;
  },{
    
    });
}

猜你喜欢

转载自blog.csdn.net/weixin_45753871/article/details/109525697
今日推荐