js常见问题总结(2)——数组相关

1.数组的检测方法——instanceof操作符,返回true或false

var toggle=numArr instanceof Array;

2.数组的转换方法
(1).toString() 将数组转化成字符串
这里写图片描述
(2).join()方法只接受一个参数,即用作分隔符的字符串,然后返回包含所有数组项的字符串。


var aa=[123,45,67];
console.log(aa.join("lmy"));
这里写图片描述

(3).push()可以接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度。

var aa=[123,45,67];
console.log(aa.push(10));
console.log(aa);

输出结果
这里写图片描述

(4).pop()方法则从数组末尾移除最后一项,减少数组的 length 值,然后返回移除的项。

var aa=[123,45,67];
console.log(aa.pop());
console.log(aa);

输出结果如下:
这里写图片描述

(5).shift()移除数组的第一项并返回该项,同时将数组长度减1。
(6).reverse()反转数组项的顺序。

var aa=[123,45,67];
console.log(aa.reverse());
console.log(aa);

这里写图片描述
(7).sort()按升序排列数组项——最小的值在最前面,最大的值在最后面。如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。

var aa=[123,45,67];
aa.sort();
console.log(aa);

结果如下,并没有按数值大小排序
这里写图片描述

想要按数字大小排序,需要外部函数。

var aa=[123,45,67];
aa.sort(sortNumber);
console.log(aa);

function sortNumber(a,b){
    return a-b;
}

结果如下:
这里写图片描述

3.数组的操作方法
(1).concat()复制上一个数组,结尾加上新增项,返回新数组。

var aa=[123,45,67];
var bb=aa.concat(12);
console.log(bb);

结果如下:
这里写图片描述
(2).slice() 它能够基于当前数组中的一个或多个项创建一个新数组。也可用于字符串。在只有一个参数的情况下,slice()方法返回从该 参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项— —但不包括结束位置的项。注意,slice()方法不会影响原始数组。
语法: array.slice(start,end)

var aa=[123,45,67];
var bb=aa.slice(1,3);
console.log(bb);

这里写图片描述
(3).splice()的主要用途是向数组的中部插入项,但使用这种方法的方式则有如下 3 种:
删除:可以删除任意数量的项,只需指定 2 个参数:要删除的第一项的位置和要删除的项数。 例如,splice(0,2)会删除数组中的前两项。

var aa=[123,45,67,33,9];
aa.splice(1,3);
console.log(aa);

这里写图片描述

插入:可以向指定位置插入任意数量的项,只需提供 3 个参数:起始位置、0(要删除的项数) 和要插入的项。如果要插入多个项,可以再传入第四、第五,以至任意多个项。例如, splice(2,0,”red”,”green”)会从当前数组的位置 2 开始插入字符串”red”和”green”。

var aa=[123,45,67,33,9];
aa.splice(1,0,"red","green");
console.log(aa);

这里写图片描述

替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起 始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如, splice (2,1,”red”,”green”)会删除当前数组位置 2 的项,然后再从位置 2 开始插入字符串 “red”和”green”。 splice()方法始终都会返回一个数组,该数组中包含从原始数组中删除的项(如果没有删除任何 项,则返回一个空数组)。

var aa=[123,45,67,33,9];
aa.splice (2,0,"red","green");
console.log(aa);

这里写图片描述

4.数组的位置方法:
(1).indexOf()方法从数组的开头(位置0)开始向后查找,返回下标,如果所查的数据不存在,则返回-1。

var aa=[123,45,67,33,9];
var bb=aa.indexOf(33);
console.log(bb);

结果如下:
这里写图片描述

(2).lastIndexOf()方法则从数组的末尾开始向前查找。但是索引号和indexOf相同,仍然是数组第一个元素索引号为0。

var aa=[123,45,67,33,9];
var bb=aa.lastIndexOf(33);
console.log(bb);

结果和indexOf相同,并不是从最后一个元素往前排序。
这里写图片描述

猜你喜欢

转载自blog.csdn.net/weixin_42392456/article/details/81219356