JavaScript中的数组

摘要：数组数组概述数组是什么数组是值的有序集合数组中的每一个值叫做一个元素而每个元素在数组中都有一个唯一的位置这个位置用数字表示叫做索引数组用字符串表示叫做关联数组数组是无类型的数组的元素可以是任何类型例如字符串数字值布尔值等而且每个数组中的不同

数组是什么

数组是值的有序集合 数组中的每一个值叫做一个元素 而每个元素在数组中都有一个唯一的位置
这个位置用数字表示 叫做索引数组; 用字符串表示 叫做关联数组
JavaScript数组是无类型的 数组的元素可以是任何类型 例如字符串 数字值 布尔值等 而且每个数组中的不同元素可能是不同类型
JavaScript数组是动态的 根据需要 可以动态地向数组插入新的元素 或者从数组中删除指定的元素

定义数组

数组最大的作用就是用于储存多个值
定义数组分为三种形式:
1.使用数组字面量方式
2.使用数组函数方式
3.使用构造函数方式

/*
    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)
    * lenght - number类型 表示数组的长度(存在元素的个数)
*/
var arr7 = Array();// 定义一个空数组
var arr8 = Array(100, "卧龙前端", true, undefined);
var arr9 = Array(10);
console.log(arr9);

索引数组

索引数组 - 表示数组中元素的位置使用数字值来表示
1.数字值表示元素的位置 - 角标或下标
2.数组的长度与元素的个数是一致的
3.索引数组的下标是从0开始的

var arr = [];//定义同一个空数组
arr[0] = "庄周梦蝶";
arr[1] = true;

console.log(arr,length);

关联数组

关联数组 - 就是存储元素的位置使用字符串来表示 一般称之为名称(name或key)
注意:关联数组的数组长度与元素的个数不一致
原因:JaveScript的官方不支持关联数组的
关联数组的名称(name或key)是字符串 必须使用单引号或双引号将其包裹

var arr = [];//定义一个空数组
arr["name"] = "吕树";
arr["age"] = 18
arr["jib"] = "大魔王";
//输出的结果[name:"吕树",age: 18, job:"大魔王"]
console.log(arr.length);

稀疏数组

稀疏数组是包含0开始的不连续索引的数组
稀疏数组 - 数组的长度与元素的个数不一致的

var arr = [];
arr[0] = "吕树";
arr[3] = 18;
arr[5] = "大魔王";

console.log(arr.length);

/*
    得到undefined值的几种方式：
    1.定义变量 但未初始化值
    2.定义变量 并初始化值为 undefined
    3.访问数组中未定义的位置的元素值(默认为undefined)
 */

// 将稀疏数组进行处理，得到正常的索引数组
var newArr = [];
for (var i=0; i
访问数组的元素
// 定义数组的默认为索引数组
var arr = ["前端开发",100,null];
// 调用数组名称时，得到只是存储所有元素数据的集合
console.log(arr);
// 访问索引数组中的元素 - 数组名称[索引值]
console.log(arr[0]);
// 如果访问了数组中未定义的位置的元素时 - 语法不抱错，结果为 undefined
console.log(arr[5]);
// 索引数组中索引值最大为 arr.length - 1

// JavaScript中的关联数组定义与访问都是没有问题的
var arr1 = [];
arr1["name"] = "吕树";
arr1["age"] = 18;
arr1["job"] = "大魔王";

console.log(arr1["name"]);
数组的复制

var arr = ["蝶梦庄周", true];
var result = arr;

console.log(arr);
console.log(result);

arr = [100];
console.log(arr);

console.log(result);

arr[0] = 100;
console.log(arr);

console.log(result);
数组元素的修改
不仅可以从数组中读取指定的元素 还可以根据需求修改数组中指定的元素值
// 索引数组
var arr1 = [];
arr1[0] = "web前端";
arr1[1] = true;
// 关联数组
var arr2 = [];
arr2["name"] = "吕树";
arr2["age"] = 18;
arr2["job"] = "大魔王";
// 通过数组的索引值找到对应元素的位置，再通过重新赋值的操作进行修改
arr1[0] = 100;
console.log(arr1);

arr2["name"] = "吕小鱼";
console.log(arr2);
// 如果索引值是新的，就是新增数组的元素操作
arr1[4] = "web前端";
console.log
数组元素的删除
不仅可以根据需求修改数组中指定的元素值 也可以删除数组中指定的元素值
数组删除指定元素值使用delete关键字
// 索引数组
var arr1 = [];
arr1[0] = "web前端";
arr1[1] = true;
// 关联数组
var arr2 = [];
arr2["name"] = "吕树";
arr2["age"] = 18;
arr2["job"] = "大魔王";

/*
      使用 delete 运算符进行删除数组的元素
    * 注意 - 只是删除元素的数据内容 而对应的位置被保留 - 稀疏数组
  */
delete arr1[0];
console.log(arr1);
循环遍历数组
遍历数组通俗点就是说把数组中的每个数都读一遍（部分有if条件+break的则可能不会完全遍历）可以对于数组中的每个数进行处理 亦或者是找到数组中那个自己需要的数
循环遍历数组有三种语句:
var arr = ["web前端",100,true,undefined];
// while语句
var i = 0;
while (i < arr.length){
    console.log(arr[i]);

    i++;
    
// do...while语句
var i = 0;
do {
    console.log(arr[i]);

    i++;
} while (i < arr.length);*/

// for语句
for (var i=0; i
for...in语句
在ECMAScript5中新增了for...in语句 同样可用于遍历数组
for...in语句还可以用于遍历稀疏数组 循环的每次将一个有效元素返回
for语句: 循环的开始和结束 都是由程序员决定的
for..in语句: 循环只能从开始到结束
var arr = ["前端课程", 100, true, undefined];
/*
    for (var 变量 in 数组) {
        语句块
    }
    * 变量 - 得到的是数组的索引值
 */
for (var i in arr) {
    console.log(arr[i]);
}

for (var i=0; i
二维数组
二维数组是什么
数组是可以嵌套的 表明一个数组可以作为一个元素被包含在另一个素组里面
利用JavaScript这个特点 创建二维数组 即数组的数组
定义二维数组
定义一个规整的二维数组:
所谓规整的二维数组 就是指作为外层数组的元素的内部数据中元素的个数是一致的
定义一个不规整的二维数组:
所谓不规整的二维数组 就是指作为外层数组的元素的内部数据中元素的个数是不一致的
使用二维数组
操作二维数组中的具体元素:
读取二维数组中真正的元素内容 需要连续两个索引值才能实现 第一个索引值表示外层数组的 第二个索引值表示内部数组的
遍历二维数组
遍历二维数组需要使用嵌套结构的循环语句才能实现 外部循环语句是遍历外层数组的 内部循环语句是遍历内部数组的
二维数组
var arr = [];// 定义一个空数组
arr[0] = [100,200,300];
arr[1] = [400,500,600];
arr[2] = [700,800,900];

//console.log(arr);
// 访问二维数组中的元素
var result = arr[0];

// 循环遍历二维数组
for (var i=0; i
打印形状
var num = 9;/* 一行打印星号的数量 */
var star = "";/* 一行要打印的星号 */
for (var i=0; i