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);
总结
本文到此结束,希望能对您有所帮助,也欢迎继续关注本站的其他内容!
作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
相关标签:
