Js-Array数组对象的属性和方法


一、数组对象的属性

length属性: 设置或获取数组的元素个数

获取数组的长度,返回最后一个元素下标加一

var arr = [1,2,3]
console.log(arr.length) //--> 3
arr[99] = 99 // 在数组下标99处插入一个元素
console.log(arr.length) //-->100

设置数组的长度,如果设置的值小于数组的长度,则超出下标的元素会被截取

var arr = [1,2,3]
arr.length = 2
console.log(arr) //-->[1, 2]
console.log(arr.length) //-->2

设置数组的长度,如果设置的值大于数组的长度,则用空属性进行填充,效果如下
在这里插入图片描述

二、数组对象的方法

1.查找数组中的元素

indexOf():查找数组中的元素,返回元素第一次出现的位置,不存在返回-1

var arr = [1,2,3,2,1]
console.log(arr.indexOf(2)) //-->1,返回第一次出现的位置下标
console.log(arr.indexOf(4)) //--> -1,不存在返回-1

lastIndexOf():查找数组中元素,返回元素最后一次出现的位置,不存在返回-1

var arr = [1,2,3,2,1]
console.log(arr.lastIndexOf(2)) //-->3,返回最后一次出现的位置下标
console.log(arr.lastIndexOf(4)) //--> -1,不存在返回-1

includes():判断数组中是否包含指定的值,返回true/false

var arr = [1,2,3]
console.log(arr.includes(2)) //-->true,存在返回true
console.log(arr.includes(4)) //-->false,不存在返回false

find():返回通过函数测试的第一个,没有符合条件的返回undefined

var arr = [1,2,3]
var result = arr.find(function(item){
	return item > 1
})
console.log(result) //-->2,返回第一个符合条件的值
result = arr.find(function(item){
	return item > 4
})
console.log(result) //-->undefined,没有符合条件的返回undefined

findIndex():返回通过函数测试的第一个元素下标,没有符合条件的返回-1

var arr = [1,2,3]
var result = arr.findIndex(function(item){
	return item > 1
})
console.log(result) //-->1,返回第一个符合条件的下标
result = arr.findIndex(function(item){
	return item > 4
})
console.log(result) //--> -1,没有符合条件的返回-1

filter():返回所有符合条件的元素组合成的一个新数组,如果没有符合条件的元素则返回空数组

var arr = [1,2,3,4]
var newarr = arr.filter(function(item){
	return item > 2
})
console.log(newarr) //-->[3, 4]
newarr = arr.filter(function(item){
	return item > 5
})
console.log(newarr) //-->[]

2.Array对象的方法

Array.of():传输一组数据,返回一个数组

var arr = Array.of(1,2,3)
console.log(arr) //-->[1,2,3]

Array.from():传入一个可迭代的对象,返回一个数组

var arr = Array.from('abcde')
console.log(arr) //-->['a', 'b', 'c', 'd', 'e']

Array.isArray():判断一个对象是否为数组,返回true/false

var arr = [1,2,3]
console.log(Array.isArray(arr)) //-->true
var str = 'abc'
console.log(Array.isArray(str)) //-->false

3.其他数组操作

concat():连接两个或多个数组并返回结果,不改变原数组


待续~~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Python454

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值