JavaScript Array对象详解

* 语法:

* var 数组名=new Array();

* var array=new Array();//定义了一个数组

* 数组的名字如果直接输出,那么直接就可以把数组中的数据显示出来,如果没有数据,就看不到数据

* var 数组名=new Array(长度);

* 如果数组中没有数据,但是有长度---,数组中的每个值就是undefined

* 构造函数的方式创建数组的时候,如果在Array(一个数字)--->数组的长度(数组元素的个数)

* 如果在Array(多个值);这个数组中就有数据了,数组的长度就是这些数据的个数

var arr1=new Array();//构造函数的方式---空数组
var arr2=new Array(5);//构造函数的方式定义了一个数组,数组中有5个元素,数组长度是5,每个数据是undefined

var arr3=new Array(10,20,1000,40,50,60);
console.log(arr3);

2. 通过字面量的方式创建数组

* var 数组名=[];//空数组
* var array=[];

看代码

var arr=[10,20,30,40,50,60,70,80,10,20,3043,5];
console.log(arr.length);

3.设置和获取数组某个位置的值看代码

    * 如何设置数组中某个位置的值
    * 数组名[下标]=值;
    * arr[3]=100;
    * 如何获取数组中某个位置的值
    * var result=数组名[下标];
    * console.log(result);

var arr=new Array(10,20,30,40,100);
//console.log(arr[4]);//获取
//设置
arr[3]=1000;
console.log(arr);


var arr=[];
//通过索引来设置数组中的元素的值
arr[0]=10;
arr[1]=20;
console.log(arr.length);//2
//获取元素的值,通过索引的方式
console.log(arr[2]);//undefined

4.1-3总结

var arr1=new Array();//空数组
var arr2=new Array(5);//长度为5的数组,每个数据的值是undefined
var arr3=new Array(1,2,3,4,5);//长度为5分数组,
var arr4=[];//空数组
var arr5=[1,2,3];//长度为3的数组
var arr6=["red","blue","green",1,true];//数组中元素的值的类型可以不一样

var arr7=[];
//设置数组的元素的值
arr7[0]=10;
arr7[1]=20;

5.for循环遍历数组看代码

var arr=[10,20,30,40,50,60,70,80,90,100];
//小于的是数组的长度--个数
for(var i=0;i<arr.length;i++){
  console.log(arr[i]);
}

6.案例

案例1:求数组中所有元素的和

var arr1 = [10, 20, 30, 40, 50];
var sum = 0;
for (var i = 0; i < arr1.length; i++) {
  sum += arr1[i];
}
console.log(sum);

案例2:求数组中所有元素的平均值

var arr2 = [1, 2, 3, 4, 5];
var sum2 = 0;
for (var i = 0; i < arr2.length; i++) {
  sum2 += arr2[i];
}
console.log(sum2 / arr2.length);

案例3:求数组中所有元素中的最大值

var arr3 = [1, 3, 2, 5, 10, 100, 50];
//假设max变量中存储的是最大值
var max = arr3[0];
for (var i = 0; i < arr3.length; i++) {
  //判断这个变量的值和数组中每个元素的值是不是最大值
  if (max < arr3[i]) {
    max = arr3[i];
  }
}
console.log("最大值:" + max);

案例4:求数组中所有元素的最小值

var arr4 = [100, 10, 20, 30, 40, 50];
var min = arr4[0];//假设min里存储的就是最小值
for (var i = 0; i < arr4.length; i++) {
  if (min > arr4[i]) {
    min = arr4[i];
  }
}
console.log("最小值:" + min);

案例5:倒序遍历数组

var arr5 = [10, 20, 30, 40, 50, 100];
//正序
for (var i = 0; i < arr5.length; i++) {
  console.log(arr5[i]);
}
//倒序
for(var i=arr5.length-1;i>=0;i--){
  console.log(arr5[i]);
}

案例6:把数组中每个元素用|拼接到一起产生一个字符串并输出

var names=["卡卡西","佐助","鸣人","大蛇丸","雏田","小苏","凤姐","黑崎一护"];
var str="";//空的字符串
for(var i=0;i<names.length-1;i++){
  str+=names[i]+"|";
}

console.log(str+names[names.length-1]);

var names=["卡卡西","佐助","鸣人","大蛇丸","雏田","小苏","凤姐","黑崎一护"];
var str="";//空的字符串
for(var i=1;i<names.length;i++){
  str+="|"+names[i];
}

console.log(names[0]+str);

案例7:去掉数组中重复的0，把其他的数据放在一个新的数组中

var arr = [10, 0, 20, 0, 30, 0, 50];
var newArr=[];//新数组,用来存放第一个数组中所有非0的数字
for(var i=0;i<arr.length;i++){
  if(arr[i]!=0){
    newArr[newArr.length]=arr[i];
  }
}
//把新数组的长度作为下标使用,数组的长度是可以改变的
console.log(newArr);

案例8:反转数组---把数组中的数据的位置调换

var array = [10, 20, 30, 40, 50];
//循环的目的是控制交换的次数
for (var i = 0; i < array.length / 2; i++) {
  //先把第一个元素的值放在第三方变量中
  var temp = array[i];
  array[i] =

最低0.47元/天解锁文章

chyxb

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
JavaScript Array对象详解

转载请注明预见才能遇见的博客：https://my.csdn.net/原文地址：https://blog.csdn.net/weixin_42787326/article/details/81316413JavaScript Array对象详解目录JavaScript Array对象详解1.数组的概念和作用2.数组的定义:1. 通过构造函数创建数组看代码2. 通过...
复制链接

扫一扫