JavaScript入门第九章(数组)

简介: JavaScript入门第九章(数组)

数组作用:一个变量存储多个数据


1.数组介绍


  • 1.数组:多个数据的组合,在一起但是又拥有数据的独立性


  • 2.声明一个数组:let 数组名 = [元素1,元素2,元素3…………]
  • 数组名其实就是变量名,只是称之为数组名
  • 元素其实就是数组中保存的数据,只是称之为元素
  • 元素是独立的(数据独立性),但是多个元素又在一起(数据组合)


  • 3.获取数组中某一个数据:数组名[下标]


  • 4.获取数组中元素的数量:数组名.length


  • 5.总结:数组主要由三要素构成
  • 元素:数组中的数据
  • 下标:元素在数组中的位置(从0开始按照顺序递增)
  • 长度:数组中元素的数量


  //数组:数据的组合,一个变量可以存储多个数据
    //1.声明数组  语法: let 数组名 = [元素1,元素2,元素3]
    let array = [25,98,100,89,99,5];
    console.log ( array );//
    //2.下标:记录元素的位置   注意:数据中元素的下标是从0开始
    //可以获取数组中的元素  语法:  数字名[下标]
    console.log ( array[ 0 ] );
    let a = array[0];//将数组中的第一个元素存储到变量a中
    console.log ( a );
    //3.长度:数组中元素的数量
    //语法:数组名.length
    console.log ( array.length );//6


2.数组取值与赋值


1.取值:数组名[下标]


  • 取第一个元素:
数组名[数组名.length - 1]


  • 下标从0开始
  • 取最后一个元素:
数组名[数组名.length - 1]


最后一个元素下标(最大下标) = 长度 - 1  


  • 如果下标超过数组最大下标,得到的是undefined


2.赋值:数组名[下标] = 值


  • 如果下标有对应的值,会把原来的值覆盖
  • 如果下标不存在,会给数组新增元素


<script>
    /**
     * 数组取值:  `数组变量名[下标]`
     *      * 1.数组的下标是从0开始的
     *      * 2.数组的最大下标 = 长度 - 1
     *      * 3.如果数组的的下标超过最大下标时,则得到undefined
     *
     * 数组赋值:`数组变量名[下标] = 值;`
            * 1.:如果下标有对应的值,会把原来的值覆盖
            * 2.如果下标不存在,会给数组新增一个元素,并且数组的长度发生变化
     */
    //下标的作用:数组的取值与赋值
    //数组的下标是从0开始的
    let arr = [20,65,78,90];
    //1.数组的取值: 数组名[下标]
    //a.如果没有超过最大下标:获取该下标对应元素的值
    console.log ( arr[ 2 ] );//78 第三个元素的值
    console.log ( arr[ 0 ] );//20 第0个元素
    //b.如果取值下标超出最大下标则会得到undefined
    console.log ( arr[ 4 ] );//undefined
    //2.数组的赋值   语法:数组名[下标] = 值
    //a.如果没有超过最大下标:则将旧值给覆盖
    arr[0] = 100;//将100这个值赋给数组的第1一个元素
    console.log ( arr );
    //b.如果超过最大下标:则将往数组后面添加元素(用法不多)
    arr[5] = 88;
    console.log ( arr );
    console.log ( arr[ 4 ] );
    //数组赋值用的最多的是往数组后面只添加一个元素
</script>


3.数组长度


  • 1.获取数组的长度:数组名.length


  • 2.修改数组的长度会改变数组的元素数量:数组名.length = 值


  • 3.删除数组的最后一个元素:数组名.length--


<script>
    /*获取数组的长度:数组中数据(元素)的个数
    获取:数组名.length
    赋值:  数组名.length = 值
        * 改变数组的长度会改变数组的元素数量
     */
    //1.往数组后面添加一个元素
    let arr = [10,20,30,40];
    arr[arr.length] = 50; //arr.length = 最大下标 + 1
    console.log ( arr );  //[10,20,30,40,50]
    //2.删除数组最后的一个元素
    arr.length--;     //长度-1,相当于把最后一个元素删除了
    console.log ( arr );  //[10,20,30,40]
    //3.设置数组的长度会修改数组的元素
    arr.length = 2;
    console.log ( arr );  //相当于只保留前面两个元素,后面元素全部被删除了
</script>


4.数组另一种声明方式


  • 1.简洁方式:let 数组名 = [元素1,元素2,元素3,……]
  • 最常用


  • 2.标准方式:let 数组名 = new Array(元素1,元素2,元素3……)


  • 3.两种方式唯一区别:创建时如果数组的元素只有一个时含义不同
  • 简洁方式:[10]; 代表数组长度为1,元素是10
  • 标准方式:new Array(10); 代表数组长度为10,没有元素


//1.创建一个空数组
//1.1简洁方式:最常用
let nums = [];
//1.2 标准方式
let array = new Array();
//2.创建有多个元素的数组
//2.1 简洁方式
let nums1 = [10,20,30,40,50];     //创建一个长度为5的数组,元素分别为10,20,30,40,50
//2.2 标准方式
let array1 = new Array(10,20,30,40,50); //创建了一个长度为5的数组,元素分别为10,20,30,40,50
//2.3 这两种方式只是创建的区别,取值和获取长度都是一致
console.log ( nums1[ 2 ], array1[ 3 ]);
console.log ( array1.length, nums1.length );
//3.创建只有一个元素的数组
//3.1简洁方式
let nums2 = [10];     //创建一个长度为1的数组,元素是10
let array2 = new Array(10); //创建一个长度为10的数组,没有元素。这是一个空数组
console.log ( nums2 );
console.log ( array2 );
相关文章
|
23天前
|
JavaScript
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
|
6天前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-数组的练习
关于JavaScript基础知识中数组操作的练习,主要介绍了如何从一个包含Person对象的数组中过滤出成年人(年龄达到18岁及以上)并将他们放入一个新的数组中。
28 1
JavaScript基础知识-数组的练习
|
17天前
|
JavaScript 前端开发
js删除数组最后一个元素
js删除数组最后一个元素
|
16天前
|
JavaScript 前端开发 索引
|
22天前
|
JavaScript
js 循环数组取值
js 循环数组取值
|
6天前
|
JavaScript 前端开发 C++
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
|
6天前
|
JavaScript 前端开发
JavaScript从二维数组抽取元素组成新数组的三种方法
JavaScript从二维数组抽取元素组成新数组的三种方法
|
28天前
|
存储 JavaScript 前端开发
JS中的数组有哪些常用操作函数和属性
【9月更文挑战第7天】JS中的数组有哪些常用操作函数和属性
11 1
|
8天前
|
JavaScript 前端开发
JavaScript 中 五种迭代数组的方法 every some map filter forEach
本文介绍了JavaScript中五种常用数组迭代方法:every、some、filter、map和forEach,并通过示例代码展示了它们的基本用法和区别。
下一篇
无影云桌面