JavaScript数组创建与操作基础指南

作者:纸飞机时间:2026-10-24 21:23:51浏览:549

本文详解JavaScript中创建数组的两种主要方式:使用new关键字和数组字面量。深入解析数组元素、索引机制及遍历方法,并通过代码示例演示如何将数组转换为字符串、筛选特定元素以及删除指定值,帮助开发者掌握数组核心操作。

JavaScript数组

1.使用new关键字创建数组


var arr = new Array();//创建了一个空数组

2.使用数组字面量创建数组(较为常用)

字面量:一种表示固定值的方法

通过字面量可直接识别数据类型,例如数字8即表示数字类型


//1.利用数组字面量(是方括号)创建数组
var arr = [];//创建了一个空数组
var arr1 = [1,2,'student',true];//数组里面可以存放任何类型的数据,必须以逗号分割

3.什么是数组元素?

数组用于将一组数据存储在同一变量名下,其中的数据称为数组元素,其类型不受限制。

数组的基本使用

1.获取数组元素:通过索引(即下标)访问,下标从0开始,这与C语言类似


console.log(arr[2]);

2.遍历数组


var arr = ['red','green','blue'];
for(var i = 0;i < 3;i++){
    console.log(arr[i]);
}
//打印数组长度
console.log(arr.length);
//动态检测数组长度
for(var i = 0;i < arr.length;i++){
    console.log(arr[i]);
    }

什么是遍历?

遍历指从头到尾访问数组中的每个元素。其中的i作为计数器充当索引号,通过arr[i]访问元素。注意,索引号与数组长度无直接关联。


//经典案例打印数组最大值
var arr = [2,6,1,77,52,25,7,99];
var max = arr[0];
for(var i = 0;i < arr.length;i++){
    if(max < arr[i]){
        max = arr[i];
        }
    }
    conaole.log('该数组里面的最大值是' + max);

将数组转换为分割字符串


var arr = ['red','green','blue','pink'];
var str ='';
for(var i = 0;i < arr.length;i++){
	str+=arr[i]+'|';//也可以var sep = '!';str+=arr[i]+sep;
}
console.log(str);

向数组新增元素


var arr = ['red','green','blue','pink'];
var str ='';
for(var i = 0;i < arr.length;i++){
	str+=arr[i]+'|';//也可以var sep = '!';str+=arr[i]+sep;
}
console.log(str);

若索引号已存在,则替换该位置的元素。切勿直接对数组名赋值(如arr1 = ''),否则会导致原有数据被覆盖。

筛选数组


var arr = [1,2,3,4,5,6,7,8,9,10];
var newArr = [];
console.log(newArr);
for(var i = 0;i < arr.length;i++){
	if(arr[i]>=5)
	{
		newArr[newArr.length] = arr[i];
	}
}

删除数组中的指定元素


//将7删除
var arr = [1,2,3,4,5,6,7,8,9,10];
var newArr = [];
console.log(newArr);
for(var i = 0;i < arr.length;i++){
	if(arr[i] != 7)
	{
		newArr[newArr.length] = arr[i];
	}
}
console.log(newArr);

总结

本文到此结束,希望能对您有所帮助,也欢迎继续关注本站的其他内容!

作者最新文章

相关标签: