数组的各种原生方法

Array.from()从一个类似数组或可迭代的对象中创建一个新的数组实例

Array.from(‘foo') //['f','o','o'] 转化成为一个数组了

如果不存在Array.isArray() 则在其他代码之前运行下面的代码将创建  

Array.isArray()用于确定传递值是否是一个Array

if(!Array.isArray) {

Array.isArray = function(arg) {

return Object.prototype.toString.call(arg) === '[object Array]'

}

}


Array.of() 创建一个可变数量的新数组实例 而不考虑参数的数量或类型 

Array.of(7)  //[7]

if(!Array.of){

Array.of = function() {

return Array.prototype.slice.call(arguments);

}

}

Array.ptototype.concat():用于合并两个或多个数组 返回的是新合并后的数组

这是直接将两个要合并的数组的值拷贝一份出来 组成一个新的数组 

元素拷贝的方式:

对象引用:concat方法会复制对象引用放在组合的新数组里面 原数组和新数组中的对象引用都指向同一个实际的对象  所以  实际的对象别修改时 两个数组的元素也会被修改

赋值拷贝:字符串 数字 是直接拷贝放在新的数组里面  

Array.prototype.copyWithin() 浅复制数组的一部分到同一数组中的另一个位置 并返回

Array.prototype.entries() : 返回一个新的Array Iterator对象  该对象包含数组中每个索引的键/值对


数组的各种原生方法_第1张图片


数组的各种原生方法_第2张图片

Array.prototype.every() :方法测试数组的所有元素是否都通过了指定函数的测试

arr.every(callback[,,thisArg])  


数组的各种原生方法_第3张图片

Array.prototype.fill(): 用一个固定值填充一个数组中从起始索引到终止索引内的全部元素  返回修改后的新数组

[1,2,3].fill(4,1,2)// [1, 4, 3]

Array.prototype.filter()  : 创建一个新数组 包含通过所提供函数实现的测试的所有元素


数组的各种原生方法_第4张图片

Array.prototype.find():返回数组中满足提供测试函数的第一个元素的值 否则是undefined


数组的各种原生方法_第5张图片
返回的是满足条件的第一个元素的值 不是索引

Array.prototype.findIndex() :返回数组中满足条件的第一个元素的索引 否则返回-1


数组的各种原生方法_第6张图片

Array.prototype.forEach() : 对数组的每个元素执行一次提供的函数 不能跳出循环

array.forEach(callback(currentValue,index,array) { do something},this)

currentValue数组当前项的值

index 数组当前项的索引

array: 数组对象本身


数组的各种原生方法_第7张图片

Array.prototype.indexOf()  : 返回在数组中可以找到一个给定元素的第一个索引 如果不存在 则返回-1  首个被找到元素在数组中的索引的位子  没找到就是-1


数组的各种原生方法_第8张图片

Array.prototype.join():将数组或类数组的对象的所有元素连接到一个字符串中


数组的各种原生方法_第9张图片

Array.prototype.keys(): 方法返回一个新的Array迭代器 包含数组中每个索引的键


数组的各种原生方法_第10张图片
会包含没有对应元素的索引 如果第二个是undefined  则会返回0,1,2

Array.prototype.map()  创建一个新数组  结果是该数组中的每个元素都调用一个提供的函数后返回的结果  返回的是新的数组


数组的各种原生方法_第11张图片

Array.prototype.pop()  从数组删除最后一个元素  并返回该元素的值 改变了数组的长度


数组的各种原生方法_第12张图片

Array.prototype.push() 将一个或多个元素添加到数组的末尾 返回的是新数组的长度


数组的各种原生方法_第13张图片
数组的各种原生方法_第14张图片

Array.prototype.reduce()  对累加器和数组中的每个元素应用一个函数 将其减少为单个值


Array.prototype.slice()  返回一个从开始到结束(不包括结束)选择的数组的一部分浅拷贝到一个新数组对象 原始数组不会被修改


数组的各种原生方法_第15张图片

slice不修改原数组 只会返回一个浅复制了元素组中元素的一个新数组

原数组的元素的一个新数组 :拷贝规则

对象引用:slice会拷贝这个对象用到新的数组里 两个对象引用都引用了同一个对象 如果被引用的对象发生改变 则新的和原来的数组中的这个元素也会发生改变

普通字符串 数字布尔值 :slice会拷贝这些新值到新的数组 别的数组里修改这些字符串或数字 将不会影响另一个数组

类似数组对象(伪数组)Array-like  :arguments

slice方法可以用来将一个类数组对象/集合转换成一个数组 你只需要将该方法绑定到这个对象上 


数组的各种原生方法_第16张图片

Array.prototype.some() 测试数组中的某些元素是否通过提供的函数实现测试


数组的各种原生方法_第17张图片

Array.prototype.sort()  在适当的位置对数组的元素进行排序 并返回数组默认排序顺序是根据字符串unicode码点


数组的各种原生方法_第18张图片

Array.prototype.values 返回一个新的Array Iteratorr对象 该对象包含数组每个索引的值


数组的各种原生方法_第19张图片

你可能感兴趣的:(数组的各种原生方法)