耀极客论坛

 找回密码
 立即注册
查看: 753|回复: 0

JavaScript创建数组的方法详解

[复制链接]

193

主题

176

帖子

276

积分

中级会员

Rank: 3Rank: 3

积分
276
发表于 2022-5-8 02:00:05 | 显示全部楼层 |阅读模式
  这篇文章主要为大家介绍了JavaScript创建数组的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助

JavaScript创建数组
  1.利用new创建数组
  1. var arr = new Array();//创建了一个空数组
复制代码
  2.利用数组字面量创建数组(比较常用)

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

  一看就知道什么数据类型,比如8一看就是数字类型
  1. //1.利用数组字面量(是方括号)创建数组
  2. var arr = [];//创建了一个空数组
  3. var arr1 = [1,2,'student',true];//数组里面可以存放任何类型的数据,必须以逗号分割
复制代码
  3.什么是数组元素?

  数组可以把一组数据存放在单个变量的集合下,数组元素是存放在数组里面的元素,类型没有限制。

数组的使用
  1.获取数组元素——利用索引就是下标,下标是从0开始的和c语言很像
  1. console.log(arr[2]);
复制代码
  2.遍历数组
  1. var arr = ['red','green','blue'];
  2. for(var i = 0;i ‹ 3;i++){
  3.     console.log(arr[i]);
  4. }
  5. //打印数组长度
  6. console.log(arr.length);
  7. //动态检测数组长度
  8. for(var i = 0;i ‹ arr.length;i++){
  9.     console.log(arr[i]);
  10.     }
复制代码
  什么是遍历?

  将数组元素从头到尾访问一次,里面的i是计数器当索引号使用,arr访问数组元素,索引号和数组长度没有关系。
  1. //经典案例打印数组最大值
  2. var arr = [2,6,1,77,52,25,7,99];
  3. var max = arr[0];
  4. for(var i = 0;i ‹ arr.length;i++){
  5.     if(max ‹ arr[i]){
  6.         max = arr[i];
  7.         }
  8.     }
  9.     conaole.log('该数组里面的最大值是' + max);
复制代码
将数组转换为分割字符串
  1. var arr = ['red','green','blue','pink'];
  2. var str ='';
  3. for(var i = 0;i ‹ arr.length;i++){
  4. str+=arr[i]+'|';//也可以var sep = '!';str+=arr[i]+sep;
  5. }
  6. console.log(str);
复制代码
数组中新增元素
  1. var arr = ['red','green','blue','pink'];
  2. var str ='';
  3. for(var i = 0;i ‹ arr.length;i++){
  4. str+=arr[i]+'|';//也可以var sep = '!';str+=arr[i]+sep;
  5. }
  6. console.log(str);
复制代码
  如果索引号存在就是替换数组元素,不要直接给数组名赋值,否则会覆盖掉以前的数据例如 arr1 ='';onsole.log(arr1)

筛选数组
  1. var arr = [1,2,3,4,5,6,7,8,9,10];
  2. var newArr = [];
  3. console.log(newArr);
  4. for(var i = 0;i ‹ arr.length;i++){
  5. if(arr[i]>=5)
  6. {
  7. newArr[newArr.length] = arr[i];
  8. }
  9. }
复制代码
删除数组指定元素
  1. //将7删除
  2. var arr = [1,2,3,4,5,6,7,8,9,10];
  3. var newArr = [];
  4. console.log(newArr);
  5. for(var i = 0;i ‹ arr.length;i++){
  6. if(arr[i] != 7)
  7. {
  8. newArr[newArr.length] = arr[i];
  9. }
  10. }
  11. console.log(newArr);
复制代码
总结

  本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|耀极客论坛 ( 粤ICP备2022052845号-2 )|网站地图

GMT+8, 2022-12-10 04:00 , Processed in 0.068546 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表