JavaScript之 Array(数组) 对象

在这里插入图片描述


一、 什么是数组?

数组对象是使用单独的变量名来存储一系列的值。

如果你有一组数据(例如:车名字),存在单独变量如下所示:

var car1="Saab";
var car2="Volvo";
var car3="BMW";

然而,如果你想从中找出某一辆车?并且不是3辆,而是300辆呢?这将不是一件容易的事!

最好的方法就是用数组。

数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。

数组中的每个元素都有自己的的ID,以便它可以很容易地被访问到。

二、创建一个数组

1: 常规方式:

var myCars=new Array();
			myCars[0]='Saab';
			myCars[1]='Volvo';
			myCars[2]='BMW';

2: 简洁方式:

var myCars=new Array("Saab","Volvo","BMW");

3: 字面:

var myCars=["Saab","Volvo","BMW"];

三、访问数组

通过指定数组名以及索引号码,你可以访问某个特定的元素。

var name=myCars[0];

以下实例修改了数组 myCars 的第一个元素:

myCars[0]="Opel";

数组的长度

myCars.length

JS中的数组是可以通过修改length属性来改变数组长度的

myCars.length=5;
console.log(myCars)

四、数组的遍历

1、普通for循环遍历数组

var myCar=new Array("Saab","Volvo","BMW");
for (i=0,len=myCar.length;i<len;i++){
	console.log(myCar[i])
}

2、foreach循环遍历数组

for(i in myCar){
	console.log(myCar[i])
}

五、数组的常用方法

var myCars=new Array("Saab","Volvo","BMW");
var myCars=new Array("baoma","benchi","aodi");
	
//查询元素的索引
var index=myCars.indexOf('Saab')
console.log(index)

//合并2个数组
var myCars=new Array("Saab","Volvo","BMW");
var myCars1=new Array("baoma","benchi","aodi");
var myCars2=new Array("bentian","bingli")
var Cars=myCars.concat(myCars1)
console.log(Cars)

//合并三个数组
var Cars=myCars.concat(myCars1,myCars2)
console.log(Cars)

//合并字符串
var Cars=myCars.join()
console.log(Cars)

//移除最后一个元素
var Cars=myCars.pop()
console.log(Cars)

//结尾增加元素
var Cars=myCars.push("baoma")
console.log(Cars)

//反转数组
Cars=myCars.reverse()
console.log(Cars)

//删除数组第一个元素
var ss =fruits.shift();
console.log(fruits);
console.log(ss)

//向第一个位置添加元素
fruits.unshift("火龙果");
console.log(fruits);

// 截取子数组  从哪个索引开始,到哪个索引结束 包头不包尾
var citrus = fruits.slice(1,3);
console.log(citrus)

var numbers =[1,2,3,4,5,6,7,8,9]

// 删除数组中的某些元素
2 从哪个索引开始删除
3 删除多个少个元素

numbers.splice(2,3);
console.log(numbers)

//如果第二个参数是0 那么就变成了在指定索引位置增加元素

numbers.splice(2,0,100);
console.log(numbers)

六、数组的排序

var myCars=new Array("Saab","Volvo","BMW");
myCars.sort()
console.log(myCars)

var number=new Array(4,6,2,8,1)
升序
number.sort(function(a,b){return a-b})
console.log(number)
降序
number.sort(function(a,b){return b-a})
console.log(number)

数组的更多方法:https://www.runoob.com/js/js-obj-array.html


在这里插入图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

敲代码敲到头发茂密

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

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

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

打赏作者

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

抵扣说明:

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

余额充值