JS对象常用方法总结

JavaScript031

JS对象常用方法总结,第1张

这是Array对象的一个静态函数，用来判断一个对象是不是数组

返回数组的一个子集，回调函数用于逻辑判断是否返回，返回true则把当前元素加到返回数组中，false则不加

新数组只包含返回true的值，索引确实的不包括，原数组保持不变。

遍历数组，调用回调函数，将数组元素组合成一个值，reduce从索引最小值开始，reduceRight反向，方法有两个参数

Object.entries(obj)

将一个可枚举对象按照键值对展开为数组

Object.assign(target, source)

将一个或多个可枚举对象的可枚举属性复制到 target 对象，返回 target 对象。第一级属性深拷贝，以后级别属性浅拷贝

Object.freeze(obj)

相应的也有判断是否冻结的方法----Object.isFrozen()

冻结一个对象。一个被冻结的对象再也不能被修改，包括所有的属性，甚至包括他的原型。返回与原对象相同参数的对象

Object.create(obj)

创建一个新对象，将现有的对象创建为新对象的 proto 。返回一个新对象

Object.keys(obj)

遍历一个对象，将 key 返回为数组

Object.defineProperty(obj, prop, descriptor)

参数：

obj：被操作对象

prop：修改或要定义的属性名

descriptor：修改或要定义的属性的属性描述，即prop的描述

新增或修改一个对象的属性，并返回该对象

扩展：在vue中通过递归调用此方法，为对象的每一个属性绑定get()、set()方法，实现对象的数据监听

Object.getPrototypeOf(obj)

返回目标对象的 prototype 的值。

给定对象的原型。如果没有继承属性，则返回 [null]

数组转换字符串

array.join()    // 将数组的值拼接成字符串。

var arr = [1,2,3,4,5]

arr.join()   // 不传参数，默认按【,】进行拼接

arr.join("-")  // 参数是字符串类型 按【-】进行拼接

数组的增删操作

array.push(value,[value[,...]])   //将一个或多个元素添加到数组的结尾，并返回新的长度。

array.pop()   //从数组中删除最后一个元素，并返回该元素的值,改变了数组的长度

array.unshift(value,[value[,...]])   //将一个或多个元素添加到数组的开头，并返回新的长度。

array.shift()    //从数组中删除第一个元素，并返回该元素的值,改变了数组的长度

数组的翻转与排序

array.reverse()    // 翻转数组,返回翻转过的数组

array.sort()    // 默认排序顺序是根据字符串Unicode码点，比如如果是数字的话,排序结果是10小于2,因为比较的是第一位

var arr = [1,3,10,2,4,40,5]

arr.sort()    // [1, 10, 2, 3, 4, 40, 5]

// sort方法可以传递一个函数作为参数，这个参数用来控制数组如何进行排序

var arr = [1,2,10,4,40,5]

arr.sort(function(a,b)

    return a-b  //按照正序

    return b-a //按照倒序

})

数组的拼接与截取

concat：数组合并，不会影响原来的数组，会返回一个新数组。

var arr = [1,2,3]

var arr1 = ["a","b","c"]

var newArray = arr.concat(arr1)    //[1,2,3,"a","b","c"]

slice:复制数组的一部分到一个新数组，并返回这个新数组，原来的数组不受影响，包含头，不包含尾

var newArray = array.slice(begin, end)

var arr = [1,2,3,4,5]

arr.slice(0,3) //[1,2,3]

arr.slice(-3,-1) //[3,4]

splice: 以新元素来替换旧元素，以此来修改数组的内容，返回被替换的内容,原数组被改变

start:开始位置  deleteCount:删除的个数  items:替换的内容

array.splice(start, deleteCount, [items[,items...])

var arr = [1,2,3,4,5]

var newArray = arr.splice(0,3,"a","b","c","d")

console.log(newArray)    //[1, 2, 3]

console.log(arr)    // ["a", "b", "c", "d", 4, 5]

数组查找元素

indexOf方法用来查找数组中某个元素第一次出现的位置，如果找不到，返回-1

array.indexOf(search, [fromIndex])

lastIndexOf()从后面开始查找数组中元素第一次出现位置,如果找不到，返回-1 

array.lastIndexOf(search, [fromIndex])

链接：https://www.jianshu.com/p/5d4df649cca5