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

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);

（编辑：源码网）

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