Array中的api介绍与使用

Posted 2021-09-16 Steven

哈希表存储模式之一的数据类型 - --------数组以及其api

• window标准库

  • object（keys），string、array、number 、function、boolean

  string 的简单介绍

`String(\'1\')  >>> "1"
new String(\'1\')  >>> String(\'1\')

声明数组

let a = []
//等价于 
let a = new Array[]`

基本类型数据的实例化过程区别(string bumber boolean )

1. ➕new。 返回对像
2. 不➕ new。返回对应的基本数据类型

    String(\'1\')  >>> "1"
    new String(\'1\')  >>> String(\'1\')

##### 对象实例化的还是返回对象

1. 特殊的Function

   let a  = fuction(a,b){
     return a + b;
    }
    //等价于
    let a  = fuction{\'a\',\'b\',\'return a+b\'}

介绍function 的一些简单的声明

包含具名式和匿名式 以及new
function test(){}
function(){}
new Function(){} 

• 非标准库

伪数组

有下标可以遍历的对象原型链中没有Array.prototype, 就是伪数组

a.forEach

a.forEach(fuction(x,y){
 console.log(\'value:\'+ x)
 console.log(\'key:\'+ y)
})

Foreach 可以通过this 来获取这个a

后期还要花时间身图学习和了解着函数des

currentTarget 和target 的获取目标不因帝国

sort 排序的方法。还有它的逻辑方式

默认的返回数组排序返回式式正序的

​

var a  = [2,3,45,6,1,223,9]
a.sort()
(7) [1, 2, 223, 3, 45, 6, 9]
//默认的排序方法
var a  = [2,3,45,6,1,223,9]
a.sort(function(x,y){return x-y })
(7) [1, 2, 3, 6, 9, 45, 223]
// 正序或者反序要试着来，二选一， 纵游一是你想要的
var a  = [2,3,45,6,1,223,9]
a.sort(function(x,y){return y-x })
(7) [223, 45, 9, 6, 3, 2, 1]
​

join&concat&map&filter&reduce

• Join

let a = [1,2,3]
a.join(\'para\')
>>>> \'1para2para3\'
let a = [1,2,3]
a.join(\'\')
\'1,2,3\'

*   ### concat
    

let a = [1,2,3],b =. [4,5,6]
a+b
>>> \'1,2,34,5,6
a.concant(b)
>>> [1,2,3,4,5,6]

• map

  是一种映射关系的方法，理解成地图 Map 就是经过处理后的现实世界 缩影

//map处理完数组中的数据后 会返回新数组的
var a = [1,3,4]

a.forEach(function(value,key){
    return value*2
})
>>>>  undefined

a.map(function(value,key){
    return value*2
})
>>>>. [2, 6, 8]
// 用箭头函数来表示上面这个方法
a.map(value => value*2)
>>>>. [2, 6, 8]

*   ### filter

根据要求过滤数据

var a = [1,3,4]
a.filter(function(value,key){
    return value >= 2
})
>>> [3,4]


//链式操作
var a = [1,3,4,2,5,6,8]
a.map(function(value,key){
    return value*3
}).filter(function(value,key){
    return value >= 15
})
>>>>  [15, 18, 24]


var a = [1,3,4,2,5,6,8]
a.filter(function(value,key){
    return value >= 2
}).map(function(value,key){
    return value*3
})
>>>>  [9, 12, 6, 15, 18, 24]

• reduce

  • map也可以用reduce表示

var a = [1,3,4,2,5]
a.reduce(function(sum,n){
 return sum+n
})
>>>> 15
a.reduce((sum,n) => sum+n,0)

// 用reduce方法代表map
var a = [1,3,4,2,5,6,8]
let b  = a.map(function(value,key){
 return value*2
})
//等价于
a.reduce(function(arr,n){
 arr.push(n*2)
 return arr
},[])

//用reduce 表达 filter
var a = [1,3,4,2,5,6,8]
a.filter(function(value,key){
 return value >= 2
})
//等价于
a.reduce(function(arr,n){
 if(n>=2){
 arr.push(n)
 }
 return arr
},[])