加入收藏 | 设为首页 | 会员中心 | 我要投稿 开发网_新乡站长网 (https://www.0373zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

【JavaScript 数组】创建数组、访问数组元素、数组遍历、获取数组元素中的

发布时间:2022-12-02 10:57:03 所属栏目:PHP教程 来源:
导读:  1、初识数组

  数组 Array 是一种复杂的数据类型,它属于 Object (对象)类型,用来将一组数据集合在一起,通过一个变量就可以访问一组数据。在使用数据时,经常会搭配循环语句使用从而很方便地对一组数据进
  1、初识数组
 
  数组 Array 是一种复杂的数据类型,它属于 Object (对象)类型,用来将一组数据集合在一起,通过一个变量就可以访问一组数据。在使用数据时,经常会搭配循环语句使用从而很方便地对一组数据进行处理。
 
  1.1 创建数组
 
  在 JavaScript 中创建数组有两种常见的方式,代码如下
 
  //使用 new Array() 创建数组
  var arr1 = new Array();
  var arr2 = new Array('苹果','橘子','香蕉','桃子');
  //使用字面量来创建数组
  var arr1 = [];
  var arr2 = ['苹果','橘子','香蕉','桃子'];
  1.2 访问数组元素
 
  在数组中,每个元素都有索引(或称为下标),数组中的索引是一个数字,从 0 开始
 
  访问数组元素的语法为 “数组名[索引]”,代码如下。
 
  var arr = ['苹果','香蕉', '桃子'];
  console.log(arr[0]);
  console.log(arr[1]);
  console.log(arr[2]);
  1.3 数组遍历
 
  //遍历 1-10 的倒序
  var arr = [10,9,8,7,6,5,4,3,2,1];
  for(var i = 0;i<10;i++){
      console.log(arr[i]);
  }
  //求班级平均分
  var arr = [90,89,85,78,45,23,45];
  var sum = 0;
  for (var i = 0;i<arr.length;i++){
      sum += arr[i];
  }
  var avg = sum/arr.length;
  console.log(avg.toFixed(2));
  2数组案例 2.1 获取数组元素中的最大值
 
  var arr = [99,45,21,74,62,4,6];
  var max = arr[0];
  for(i = 0;i<arr.length;i++){
      if(max < arr[i]){
          max = arr[i];
      }
  }
  console.log(max);
  2.2 数组转换为字符
 
  var arr = ['blue','pink','red','green'];
  var str = arr[0];
  var a = '|';
  for(var i = 1;i< arr.length;i++){
          str += a + arr[i];
  }
  console.log(str);
  3 数组元素的操作
 
  数组元素的操作包括对数组元素的添加、修改、删除,利用分支语句,循环语句,还可以实现对元素进行筛选,反转数组元素的顺序。
 
  3.1修改数组长度
 
  var arr1 = [2,3];
  arr1.length = 4;   //数组长度增加为 4 输出为 [ 2, 3, <2 empty items> ]
  console.log(arr1);
  var arr2 = [2,3,4,5,6];
  arr2.length = 2;   //数组长度减少为 2 输出为 [ 2, 3 ]
  console.log(arr2);
  3.2 新增或修改数组元素
 
  var arr1 = [1,2,3];
  arr1[3] = 4;
  console.log(arr1);  //输出为  [ 1, 2, 3, 4 ]
  var arr2 = [1,2,3,4,5,7];
  arr2[5] = 6;
  console.log(arr2);  //输出为 [ 1, 2, 3, 4, 5, 6 ]
  数组遍历的倒序
 
  var arr = [1,2,3,4,5,6,7,8,9];
          for (var i= arr.length-1;i>=0;i--){
              console.log(arr[i]);
          }
  3.3 筛选数组
 
  var arr1 = [1,5,8,9,85,96,4,7,65,41];
  var arr2 = [];
  var j = 0;
  for(var i = 0;i<arr1.length;i++){
      if(arr1[i]>=10){
          arr2[j++] = arr1[i];
      }
  }
  console.log(arr2);
  3.4 删除指定的数组元素
 
  var arr1 = [1,5,8,9,0,96,4,7,65,41];
  var arr2 = [];
  for(var i = 0;i<arr1.length;i++){
      if(arr1[i]!=0){
          arr2[arr2.length] = arr1[i];
      }
  }
  console.log(arr2);
  3.5 反转数组元素顺序
 
  var arr = [1,2,3,4,5,6,7,8,9];
          for (var i= arr.length-1;i>=0;i--){
              console.log(arr[i]);
          }
  4数组排序算法
 
  数组排序算法是指将数组中的元素排列成一个有序的序列,需要通过算法来完成。
 
  4.1 冒泡排序
 
  冒泡排序是一种非常容易理解的排序算法,按照要求从小到大排序或者从大到小排序PHP数组排序,不断比较数组相邻两个元素的值。
 
  var arr = [10,6,8,9,78,56,49,19,78];
  for (var i = 1;i<arr.length;i++){
      for(var j=0;j<arr.length-i;j++){
          if(arr[j]>arr[j+1]){
              var temp = arr[j+1];
              arr[j+1] = arr[j];
              arr[j] = temp;
          }
      }
  }
  console.log(arr);
  4.2 插入排序
 
  var arr = [10,6,8,9,78,56,49,19,78];
  for(var i = 1;i<arr.length;i++){
      for(var j = i;j>0;j--){
          if(arr[j-1]>arr[j]){
              var temp = arr[j];
              arr[j] = arr[j-1];
              arr[j-1] = temp;
          }
      }
  }
  console.log(arr);
 

(编辑:开发网_新乡站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!