Javascript常用API

   日常数组 (array),对象的使用。

数组 (array)

const Arr = [10,4,2,7,3,6]

// map:遍历数组,返回回调返回值组成的新数组,不改变原数组,不会对空数组进行检测
Arr.map((item, index, array)=>index)  [0, 1, 2, 3, 4, 5]

// forEach:无法break,可以用try/catch中throw new Error来停止,不改变原数组
Arr.forEach((item, index, array)=>index) undefined

//filter:过滤,返回过滤后的数组,不改变原数组,不会对空数组进行检测
Arr.filter((item, index, array)=>item > 5)  [10, 7, 6]

//some:有一项返回true,则整体为true,不改变原数组
Arr.some((item, index, array)=>item > 5) true

//every :需要全部符合条件才返回true,有一项返回false,则整体为false,不改变原数组
Arr.every((item, index, array)=>item > 5)

//join:返回通过指定连接符str把数组连接成字符串,不改变原数组
arr.join(',') '10,4,2,7,3,6'

//push / pop :数组末尾推入push和弹出pop,返回改变后数组的长度/弹出项,改变原数组

Arr.push(100)  Arr:[10, 4, 2, 7, 3, 6,100]
Arr.pop()      Arr:[10, 4, 2, 7, 3, 6]

//unshift / shift:数组头部推入unshift和弹出shift,返回改变后数组的长度/弹出项,改变原数组
Arr.unshift(200)  Arr:[200,10, 4, 2, 7, 3, 6]
Arr.shift()       Arr:[10, 4, 2, 7, 3, 6]

//sort(fn) / reverse:按规则排序与反转,改变原数组
Arr.sort((a,b)=>a > b)  Arr:[2, 3, 4, 6, 7, 10]
Arr.reverse()           Arr:[10, 7, 6, 4, 3, 2]

//splice:返回删除元素组成的数组,从start处开始删除number个值后插入valueN参数列表到数组中,改变原数组
Arr.arr.splice(0,1)    Arr:[7, 6, 4, 3, 2]
Arr.splice(3,1,'小红') Arr:[7, 6, 4, '小红', 2]

//concat:连接n(n >= 2)个数组,返回数组连接后的数组副本,浅拷贝,不改变原数组
Arr.concat(Arr,['哈哈'])    [7, 6, 4, '小红', 2, '哈哈']

//slice:返回截断后的新数组,不改变原数组
Arr.slice(1,4)   [6, 4, '小红']

//indexOf(value,index) 返回数组中某个指定的元素位置。index查找开始索引位置 返回value对应的下标
Arr.indexOf(6)  1  
 
//astIndexOf(value,index) 返回一个指定的元素在数组中最后出现的位置,从该字符串的后面向前查找。index查找开始索引位置
Arr.lastIndexOf(4) 2

//ES6
//Array.isArray(value) 判断是否是数组 是返回true否则返回false
Array.isArray(Arr) true
Array.isArray({})  false

//find *:返回符合条件的第一个数组元素item
Arr.find(f=>f>5)  7

//findIndex *:返回符合条件的第一个数组元素的索引
Arr.findIndex(f=>f>5)

//Array.includes(val, index):用于从fromIndex判断数组中是否包含val,可替代ES5中的 indexOf
Arr.includes('小红') true


对象

//const obj = {age:12,name:'小红',phone:132456798}

// Object.keys() 遍历可枚举的属性,只包含对象本身可枚举属性,不包含原型链可枚举属性
Object.keys(Arr)  ['0', '1', '2', '3', '4']
Object.keys(obj)  ['age', 'name', 'phone']

// Object.values() 遍历可枚举的属性值,只包含对象本身可枚举属性值,不包含原型链可枚举属性值
Object.values(Arr)  [7, 6, 4, '小红', 2]
Object.values(obj)  [12, '小红', 132456798]

//assign Object.assign( target, source, source1 )  方法用于对象的合并,方法实行的是浅拷贝,而不是深拷贝。
const source1 = { b: 2, c: 2 };
const source2 = { c: 3 };
Object.assign(obj, source1, source2)   obj:{age: 12, name: '小红', phone: 132456798, b: 2, c: 3}

// Object.entries()  分割对象

Object.entries(obj)

[
  [
        "age",
        12
    ],
    [
        "name",
        "小红"
    ],
    [
        "phone",
        132456798
    ],
    [
        "b",
        2
    ],
    [
        "c",
        3
    ]
]
 
// 字符串 string 
Object.entries('小红')
[
    [
        "0",
        "小"
    ],
    [
        "1",
        "红"
    ]
]

// Object.is() 它用来比较两个值是否严格相等,与严格比较运算符(===)的行为基本一致

Object.is('obj', 'obj')      true
Object.is({}, {})            false
Object.is(NaN, NaN)         // true