【js】数组Array的方法5

本文详细介绍了JavaScript中数组的几个关键方法,包括includes()用于查找元素是否存在,indexOf()获取元素首次或指定索引出现的位置,isArray()检测值是否为数组,join()合并数组为字符串,keys()返回键迭代器,lastIndexOf()查找元素最后出现位置,map()创建新数组,Array.of()动态创建数组,以及reverse()反转数组。
摘要由CSDN通过智能技术生成

1.includes() 方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回 false

参数:

item:需要检测的值;

index:检测的索引;

const arr = [2, 23, 7, 20, 90, 88]
let res =arr.includes(88)
console.log(res); // true

const arr = [2, 23, 7, 20, 90, 88]
let res =arr.includes(3)
console.log(res); // false

2.indexOf() 方法返回数组中第一次出现给定元素的下标,如果不存在则返回 -1。

参数:

item:需要检测的值;

index:检测的索引;大于数组长度时,则返回-1;

const arr = [2, 23, 7, 20, 90, 88]
let index =arr.indexOf(23)
console.log(index); // 1

const arr = [2, 23, 7, 20, 90, 88]
let index =arr.indexOf(23,7)
console.log(index); // -1

 3.Array.isArray() 静态方法用于确定传递的值是否是一个Array。

const arr = [2, 23, 7, 20, 90, 88]
const str ='isArray'
const res =Array.isArray(arr)
const result =Array.isArray(str)
console.log(res); //true
console.log(result); //false

4.join() 方法将一个数组的所有元素连接成一个字符串并返回这个字符串,用逗号或指定的分隔符字符串分隔。如果数组只有一个元素,那么将返回该元素而不使用分隔符。

参数:指定一个字符串来分隔数组的每个元素,如果省略则用逗号分开,如果为空字符串则所有元素之间都没有任何字符。

const arr = [2, 23, 7, 20, 90, 88]
const res =arr.join()
console.log(res); //2,23,7,20,90,88

const arr = [2, 23, 7, 20, 90, 88]
const res =arr.join('')
console.log(res); //2237209088

const arr = [2, 23, 7, 20, 90, 88]
const res =arr.join('+')
console.log(res); //2+23+7+20+90+88



5.keys() 方法返回一个新的数组迭代器对象,其中包含数组中每个索引的键。

const arr = [2, 23, 7, 20, 90, 88];
const iterator = arr.keys();
for (const key of iterator) {
    console.log(key);
  }

6.lastIndexOf() 方法返回数组中给定元素最后一次出现的索引,如果不存在则返回 -1。该方法从 fromIndex 开始向前搜索数组。

参数:

item:需要检测的值;

index:检测的索引;大于数组长度时,则返回-1;

const arr = [2, 23, 7, 20, 90, 88]
let index =arr.lastIndexOf(90)
console.log(index); // 4

const arr = [2, 23, 7, 20, 90, 88]
let index =arr.lastIndexOf(90,18)
console.log(index); // 4

const arr = [2, 23, 7, 20, 90, 88]
let index =arr.lastIndexOf(90,0)
console.log(index); // -1

const arr = [2, 23, 7, 20, 90, 88]
let index =arr.lastIndexOf(90,-7)
console.log(index); // -1

7.map() 方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。

const arr = [2, 23, 7, 20, 90, 88]
let newArr = arr.map(item => item * 2)
console.log(newArr); //[ 4, 46, 14, 40, 180, 176 ]

8.Array.of() 静态方法通过可变数量的参数创建一个新的 Array 实例,而不考虑参数的数量或类型。

const arr = Array.of('21', '67', 12)
console.log(arr); //[ '21', '67', 12 ]
console.log(arr.length);// 3

9.reverse() 方法反转数组中的元素,数组中的元素顺序将被翻转,变为与之前相反的方向。

const arr = [2, 23, 7, 20, 90, 88]
const newArr = arr.reverse()
console.log(newArr); //[ 88, 90, 20, 7, 23, 2 ]

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值