【JavaScript】核心语法之数组

迷南。 2023-01-23 14:57 49阅读 0赞

## 数组； ##

## 一.数组是什么； ##

是值得有序集合，每个元素都在数组里有唯一的位置，用数字表示，叫做索引数据；用字符串表示，叫关联数组。  
数组无类型；数组元素可以是类型，字符串，数字值，布尔值等  
数组动态的；向插入新元素，从数组中删除指定元素

## 二.一维数组； ##

1.定义数组；

*  字面量/直接量方式定义  
    var 数组名称 = \[元素一, 元素二, ...\]
 *  构造函数方式  
    var 数组名称 = new Array(元素一, 元素二, ...)  
    var 数组名称 = new Array(length)
    
     *  length - number类型，表示数组的长度(存在元素的个数)
 *  函数方式定义  
    var 数组名称 = Array(元素一, 元素二, ...)  
    var 数组名称 = Array(length)
    
     *  length - number类型，表示数组的长度(存在元素的个数)

1.字面量/直接量方式定义
          var 数组名称 = [元素一, 元素二, ...]
      
    var arr1 = [];// 定义一个空数组
    var arr2 = [100, '爱新觉罗', true, undefined];
    var arr6 = [10];
    
    console.log(arr6);
    
        2.构造函数方式
          var 数组名称 = new Array(元素一, 元素二, ...)
          var 数组名称 = new Array(length)
          * length - number类型，表示数组的长度(存在元素的个数)
    
    var arr3 = new Array();// 定义一个空数组
    var arr4 = new Array(100, '爱新觉罗', true, undefined);
    console.log(arr4);
    
    var arr5 = new Array(10);
    console.log(arr5);
    
        3.函数方式定义
          var 数组名称 = Array(元素一, 元素二, ...)
          var 数组名称 = Array(length)
          * length - number类型，表示数组的长度(存在元素的个数)
    var arr7 = Array();// 定义一个空数组
    var arr8 = Array(100, '爱新觉罗', true, undefined);
    var arr9 = Array(10);
    console.log(arr9);

2.索引数组；

就是存储元素的位置并以数字值来表示，数字值从0开始，一般称为索引值  
/\*

索引数组 - 表示数组中元素的位置使用数字值来表示的
    * 数字值表示元素的位置 -> 角标或下标
    * 数组的长度与元素的个数是一致的

\*/  
var arr = \[\];// 定义一个空数组  
arr\[0\] = '爱新觉罗';  
arr\[1\] = true;

console.log(arr.length);

3.关联数组；
    
    存储元素的位置使用字符串来表示

/\*

关联数组 - 表示数组中元素的位置使用字符串来表示的
    * 注意：关联数组的数组长度与元素的个数不一致
    * 原因：JavaScript的官方不支持关联数组的

\*/  
var arr = \[\];// 定义一个空数组  
arr\['name'\] = '张无忌';  
arr\['age'\] = 19;  
arr\['job'\] = '教主';  
// 输出的结果：\[ name: '张无忌', age: 19, job: '教主' \]  
console.log(arr.length);

4.稀疏数组；
    
    包含0开始的不连续索引的数组

var arr = \[\];  
arr2\[0\] = '犬夜叉';  
arr2\[3\] = 16;  
arr2\[5\] = '半妖';  
/\*索引数组的位置允许不连续；没有定义元素的位置默认为空(undefined)

* 稀疏数组；数组的长度与元素的个数不一致的*/

console.log(arr.length);  
var newArr = \[\];  
for (var i=0; i<arr.length; i++) \{

// 比较当前值是否等于 undefined
    if (arr[i] !== undefined) {
        newArr.push(arr[i]);
    }

\}  
console.log(newArr);

5.数组的长度；
    
    以length属性，用来表示指定数组的长度和个数
     6.数组元素的读取；
    
    用于存储和读取数据信息

var arr = \['爱新觉罗',100,null\];  
console.log(arr);  
//调用数组名称，得到只是存储所有元素数值的集合  
console.log(arr\[0\]);  
//访问索引数组中的元素；数组名称\[索引值\]  
console.log(arr\[5\]);  
//如果访问了数组中未定义位置的冤死时；语法不报错，结果是 undefined  
//索引数组中索引值最大为 arr.length；1

//JS(JavaScript)中关联数组定义，访问都没有问题  
var arr1 = \[\];  
arr1\['name'\] = '犬夜叉';  
arr1\['age'\] = 16;  
arr1\['job'\] = '半妖';  
console.log(arr1\['name'\]);

7.数组元素的修改；
    
    可读取指定元素，并进行修改数组中指定元素值

var arr1 = \[\];  
arr1\[0\] = '爱新觉罗';  
arr1\[1\] = true;

var arr2 = \[\];  
arr2\['name'\] = '犬夜叉';  
arr2\['age'\] = 16;  
arr2\['job'\] = '半妖';  
arr1\[0\] = 100;  
console.log(arr1);

arr2\['name'\] = '杀生丸';  
console.log(arr2);  
//通过数字索引值到对应元素的位置，再通过重新赋值操作进行修改  
arr1\[4\] = '爱新觉罗';  
console.log(arr1);  
//如果索引值是新的，就是新增数组的元素操作

8.数组元素的删除；
    
    使用delete关键字竞秀删除数组中指定的元素值

var arr1 = \[\];  
arr1\[0\] = '爱新觉罗';  
arr2\[1\] = true;

var arr2 = \[\];  
arr2\['name'\] = '犬夜叉';  
arr2\['age'\] = 16;  
arr2\['job'\] = '半妖';

delete arr1\[0\];  
console.log(arr1);  
/\*使用delete运算符进行删除数组元素

*  只是删除元素数据内容，而对应位置被保留；稀疏数组  
    \*/

9.遍历数组元素；
    
    通常使用循环语句获取数组的数据

var arr = \['爱新觉罗',100,true,undefined\];  
/\*var i = 0;  
while (i < arr.length)\{

console.log(arr[i]);
    
      i++;

\}  
//while语句  
var i = 0;  
do \{

console.log(arr[i]);
    
    i++;

\} while (i < arr.length);  
//do...while语句\*/  
for (var i=0; i<arr.length; i++) \{

console.log(arr[i]);

\}  
//for语句

## 10.for...in语句 ##

可以用来遍历稀疏数组，循环每次一有效元素返回，不存在索引不会遍历到

// 关联数组的length属性为 0
    var arr1 = [];
    arr1['name'] = '犬夜叉';
    arr1['age'] = 16;
    arr1['job'] = '半妖';
    
    /*for (var i=0; i<arr1.length; i++) {
        console.log(arr1[i]);
    }*/
    // for..in语句可以循环遍历关联数组, for语句不行
    for (var i in arr1) {
        console.log(arr1[i]);
    }
    
    // 稀疏数组 - 数组的长度与元素的个数不一致
    var arr2 = [];
    arr2[0] = '犬夜叉';
    arr2[3] = 16;
    arr2[5] = '半妖';
    
    /*for (var i=0; i<arr2.length; i++) {
        console.log(arr2[i]);
    }*/
    // for..in语句循环遍历稀疏数组(直接得到有效元素值), for语句不行
    for (var i in arr2) {
        console.log(arr2[i]);
    }

## 三.二维数组； ##

1.二维数组是什么；

--------------------

可以嵌套，表示在一个数组可以以一个元素包裹在另一个数组里面  
2.定义二维数组；

--------------------

为规整和不规整的二维数组，是指外层数组元素内部数据元素的个数是一致还有不一样的  
3.使用二维数组；

--------------------

获取二维数组，中元素内容，使用练习需要连续2个索引值一个表示外层索引值一个内部索引值

var arr = [];// 定义一个空数组
    arr[0] = [100,200,300];
    arr[1] = [400,500,600];
    arr[2] = [700,800,900];
    
    // console.log(arr);
    // 访问二维数组中的元素
    var result = arr[0];
    /*console.log(result[0]);
    
    console.log(arr[0][0]);*/
    
    // 循环遍历二维数组
    for (var i=0; i<arr.length; i++) {
        console.log(arr[i]);
        for (var j=0; j<arr[i].length; j++) {
            console.log(arr[i][j]);
        }
    }