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 );
相关文章
|
3月前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
691 2
|
11天前
|
JavaScript 前端开发
【JavaScript】——JS基础入门常见操作(大量举例)
JS引入方式,JS基础语法,JS增删查改,JS函数,JS对象
|
2月前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
186 1
|
2月前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
102 10
|
2月前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
3月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
48 2
|
3月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
43 3
|
3月前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
3月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
57 4
|
3月前
|
自然语言处理 JavaScript 前端开发
JavaScript高级——ES6基础入门
JavaScript高级——ES6基础入门
36 1