IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript基础语法7-数组 -> 正文阅读

[JavaScript知识库]JavaScript基础语法7-数组

  • 数组(Array)的概念

数组就是一组数据的集合,其中的每个元素被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。

var num = 10 ;? ? ? ? ?// 普通变量一次只能存储一个值

var arr = [ 1,2,3,5];? ?//数组一次可以存储多个值

  • 创建数组

1. 利用 new 创建数组

var? 数组名 = new Array();

var arr = new Array();? ?// 创建一个新的空数组

2. 利用数组字面量创建数组(使用的最多)

?// 1. 使用数组字面量方式创建空的数组

var 数组名 = [ ];

//? 2. 使用数组字面量方式创建带初始值的数组

var? 数组名 = ['大白','小黑','阿黄','小花','瑞奇'];

????????数组字面量是方括号[ ]

????????声明数组并赋值称为数组的初始化

  • 获取数组中的元素

1.数组的索引

索引(下标): 用来访问数组元素的序号(数组下标从0开始)。

?数组可以通过索引来访问、设置、修改对应的数组元素。我们可以通过"数组名[索引]"的形式来获取数组中的元素。

var arrStus = [1, 2, 3];? // 定义数组

alret(arrStus[1]);? ? //? 获取数组中的第2个元素?

  • 遍历数组

遍历:就是把数组中的每个元素从头到尾都访问一次。

    <script>
        //  遍历就是把数组的元素从头到尾访问一次
        var arr= ['red','green','blue'];
        for(var i = 0; i < 3; i++){
            console.log(arr[i]);
        }
        // 1.因为数组索引号从0开始,所以 i 必须从 0 开始 i < 3
        // 2. 输出的时候 arr[i] i 计数器当索引号来用
    </script>

数组的长度(数组名.length)

????????// ?1. 数组的长度是元素的个数 不要跟索引号混淆

? ? ? ? // ?2. arr.length 动态监测数组元素的个数

示例

    <script>
        // 数组的长度
        var arr= ['关羽','张飞','马超','赵云','黄忠','刘备','姜维'];
        for(var i = 0; i < 7; i++){
            console.log(arr[i]);
        }
        console.log(arr.length);
        for(var i = 0; i < arr.length; i++){
            console.log(arr[i]);
        }
        //  1. 数组的长度是元素的个数 不要跟索引号混淆
        //  2. arr.length 动态监测数组元素的个数
    </script>

案例:?

 <script>
        //  1. 求数组[2,6,1,7,4] 里面所有元素的和以及平均值
        var arr = [2,6,1,7,4];
        var sum = 0;
        
        for(var i = 0; i < arr.length; i++){
            sum = sum + arr[i]; 
        }
        avg = sum/arr.length;
        console.log(sum);
        console.log(sum/arr.length);
        console.log(sum, avg); // 输出多个变量,用逗号分隔
    </script>

?

  • 数组中新增元素

  • 数组案例

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-12-14 15:50:58  更:2021-12-14 15:52:18 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 9:47:48-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码