JS高级开发-内置对象Array梳理

最新推荐文章于 2024-07-24 21:04:47 发布

 ;

最新推荐文章于 2024-07-24 21:04:47 发布

阅读量294

点赞数 1

分类专栏：前端知识百科文章标签： javascript js 数组 Array

本文链接：https://blog.csdn.net/weixin_42210229/article/details/114929764

版权

前端知识百科专栏收录该内容

13 篇文章 0 订阅

订阅专栏

JavaScript的Array对象是用于构造数组的全局对象，数组类似于列表的高阶对象。参考：MDN链接-Array

创建数组： var fruits = ["Apple","Orange","Banana"];
通过索引访问数组元素： var apple = fruits[0];
遍历数组： fruits.forEach(function(item,index,array){console.log(item,index);});
添加元素到数组的末尾： fruits.push("Grape"); // 返回数组长度4
删除数组末尾的元素： fruits.pop(); // 返回被删末尾元素"Grape" || [ ].pop()；返回undefined
添加元素到数组的头部： fruits.unshift("Strawberry"); //返回数组长度4
删除数组头部的元素： fruits.shift(); // 返回被删头部元素"Strawberry" || [ ].shift()；返回undefined
找出某个元素在数组中的索引： fruits.indexOf('Banana'); // 返回索引，不存在返回-1
通过索引删除某个元素：fruits.splice(2,1);//删除索引2的元素，返回被删除元素的数组集合
复制一个数组： fruits.slice();

属性：

Array.length: Array构造函数的length属性，其值为1（注意该属性为静态属性，不是数组实例的length属性）。

Array.prototype: 通过数组的原型对象可以为所有数组对象添加属性。

方法：

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

Array.isArray(): 用来判断某个变量是否是一个数组对象。

Array.of(): 根据一组参数来创建新的数组实例，支持任意的参数数量和类型。

数组实例：

所有数组实例都会从Array.prototype继承属性和方法。修改Array的原型会影响到所有的数组实例。

属性：

Array.prototype.constructor: 所有的数组实例都继承了这个属性，它的值就是Array，表明了所有的数组都是由Array构造出来的。

Array.prototype.length: 上面说了，因为Array.prototype也是个数组，所以它也有length属性，这个值为0，因为它是个空数组。

修改器方法：这些方法会改变调用他们的对象自身的值：(简而言之，就是调用方法的对象本身的值发生改变)。

Array.prototype.copyWithin() : 在数组内部，将一段元素序列拷贝到另一段元素序列上，覆盖原有的值。copyWithin(target [,start [ ,end] ])。

Array.prototype.fill() : 将数组中指定区间的所有元素的值，都替换成某个固定值。fill(target [,start [ ,end] ])。

Array.prototype.splice() : 在任意的位置给数组添加或删除任意个元素。返回被删除的元素组成的一个数组。array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

Array.prototype.pop() : 删除数组的最后一个元素，并返回这个元素。

Array.prototype.push() : 在数组的末尾增加一个或多个元素，并返回数组的新长度。

Array.prototype.shift() : 删除数组的第一个元素，并返回这个元素。

Array.prototype.unshift() : 在数组的开头增加一个或多个元素，并返回数组的新长度。

Array.prototype.reverse() : 颠倒数组中元素的排列顺序，即原先的第一个变为最后一个，原先的最后一个变为第一个。

Array.prototype.sort() : 对数组元素进行排序，并返回当前排序后的数组。arr.sort([compareFunction(a, b)])

如果没有指明compareFunction，那么元素会按照转换为的字符串的诸个字符的Unicode位点进行排序。比如数字按由小到大排序时，9出现在80之前，但因为（没有指明compareFunction），比较的数字会先被转换为字符串，所以在Unicode顺序上“80”要比“9”要靠前。

如果指明了compareFunction，那么数组会按照调用该函数的返回值排序。即a和b是两个将要被比较的元素：

如果compareFunction（a,b)小于0，那么a会被排列到b之前；
如果compareFunction（a,b)等于0，a和b的相对位置不变。
如果compareFunction（a,b)大于0，b会被排列到a之前。

访问方法：下面的这些方法绝对不会改变调用它们的对象的值，只会返回一个新的数组或者返回一个其他的期望值。（简而言之，就是调用方法的对象本身的值不发生改变）

Array.prototype.concat() : 返回一个由当前数组和其他若干数组或者若干个非数组组合而成的新数组。

Array.prototype.includes() : 判断当前数组是否包含某指定的值，如果是返回true,否则返回false。兼容性差，采用indexof代替

Array.prototype.join() : 连接所有数组元素组成一个字符串。

Array.prototype.slice() ：抽取当前数组中的一段元素组合成一个新数组。

Array.prototype.toSource() : 返回一个表示当前数组字面量的字符串。遮蔽了原型链上的Object.prototype.toSource()方法。兼容性差，生产中不要使用

Array.prototype.toString() : 返回一个由所有数组元素组合而成的字符串。遮蔽了原型链上的Object.prototype.toString()方法。

Array.prototype.toLocaleString() : 返回一个由所有数组元素组合而成的本地化后的字符串。遮蔽了原型链上的Object.prototype.toLocaleString()方法。arr.toLocaleString([locales[,options]])

Array.prototype.indexOf() : 返回数组中第一个与指定值相等的元素的索引，如果找不到这样的元素，则返回-1。

Array.prototype.lastIndexOf() : 返回数组中最后一个（从右边数第一个）与指定值相等的元素的索引，如果找不到这样的元素，则返回-1。

迭代方法：在下面的众多遍历方法中，有很多方法都需要指定一个回调函数作为参数。在每一个数组元素都分别执行完回调函数之前，数组的length属性会被缓存在某个地方，所以，如果你在回调函数中为当前数组添加了新的元素，那么那些新添加的元素是不会被遍历到。此外，如果在回调函数中对当前数组进行了其他修改，比如改变某个元素的值或者删除某个元素，那么随后的遍历操作可能会受到未预期的影响。总之，不要尝试在遍历过程中对原数组进行任何修改，虽然规范对这样的操作进行了详细的定义，但为了可读性和可维护性，不要这样做。

Array.prototype.forEach() : 为数组中的每个元素执行一次回调函数。

Array.prototype.entries() : 返回一个数组迭代器对象，该迭代器会包含所有数组元素的键值对。

// 二维数组排序
function sortArr(arr) {
    var goNext = true;
    var entries = arr.entries();
    while (goNext) {
        var result = entries.next();
        if (result.done !== true) {
            result.value[1].sort((a, b) => a - b);
            goNext = true;
        } else {
            goNext = false;
        }
    }
    return arr;
}

var arr = [[1,34],[456,2,3,44,234],[4567,1,4,5,6],[34,78,23,1]];
sortArr(arr);

Array.prototype.every() : 如果数组中的每个元素都满足测试函数，则返回true，否则返回false。

Array.prototype.some() : 如果数组中至少有一个元素满足测试函数，则返回true,否则返回false。

Array.prototype.filter() : 将所有在过滤函数中返回true的数组元素放进一个新数组中并返回。

Array.prototype.find() : 找到第一个满足测试函数的元素并返回那个元素的值，如果找不到，则返回undefined。

Array.prototype.findIndex() : 找到第一个满足测试函数的元素并返回那个元素的索引，如果找不到，则返回-1。

Array.prototype.keys() : 返回一个数组迭代器对象，该迭代器会包含所有数组元素的键。

Array.prototype.values() : 返回一个数组迭代器对象，该迭代器会包含所有数组元素的值。

Array.prototype.map() : 返回一个由回调函数的返回值组成的新数组。

Array.prototype.reduce() : 从左到右为每个数组元素执行一次回调函数，并把上次回调函数的返回值放在一个暂存器中传给下次回调函数，并返回最后一次回调函数的返回值。arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])