javaScript 03 数组详解(数组声明/基础操作)

 

1d43f75f092a4050a8ce31e2d85f6868.gif

博       主:初映CY的前说(前端领域)

个人信条:想要变成得到,中间还有做到!

本文核心:数组概念、数组的声明与调用、数组的基本使用

目录

前言

        一、数组是什么?

        1.数组的声明

        2.数组的调用

二.js数组中常见的操作

1.数组的增删改查

2.数组的应用


一、数组是什么?

数组Array是一种可以按照顺序保存数据的数据类型,可存放多种不同类型的数据

1.数组的声明

    1.1let 数组名 = [ 数据1,数据2 ....] (new 可以省略)

          let arr = new Array('初映',182,66,'abc','前端学习')

注意点:

  • 数组的声明内部数据使用 ,隔开
  • 数据可以存放多种不同的数据(推荐存放相同类型的的元素)

2.数组的调用




    
    
    
    Document


    

注意点:

  • 数组中取值的写法为:    数组名[下标]
  • 数组的下标是从0开始加1开始递增的
  • 数组的长度为    数组名.length
  • 快速获取最后一个元素,拿上面例子说明为 arr[arr.length-1])

二.js数组中常见的操作

1.数组的增删改查

1.增操作

  • 先定义一个数组
     let names = ['科比', '库里', '詹姆斯', '欧文', '艾弗森']
  • 在尾部添加数据用push()方法

javaScript 03 数组详解(数组声明/基础操作)_第1张图片

  •  在头部添加数据用unshift()方法

javaScript 03 数组详解(数组声明/基础操作)_第2张图片

  •  names[下标] = '新元素' (有下标对应的位置就是修改,没就是在尾部添加)

 下面是给没有下标位置设置就是增加的效果,中间多的以empty空显示

  •  拓展 splice()方法用于新增

 2.删操作

  • 从尾部删除元素 pop()方法

  •  头部删除元素 shift()方法

 定点删除 splice()方法

3.改操作  直接数组名[下标 ] = '修改的数据'

 4.查操作 直接调用方法名/调用数组名[下标]

javaScript 03 数组详解(数组声明/基础操作)_第3张图片

  • 增删改查的源文件如下,大家请自行获取实验喔~




    
    
    
    Document



    


2.数组的应用

1.遍历数组





    
    
    
    Document




    


1输出结果

javaScript 03 数组详解(数组声明/基础操作)_第4张图片


2.数组求和





    
    
    
    Document




    


2.输出结果

javaScript 03 数组详解(数组声明/基础操作)_第5张图片


3.数组求极值





    
    
    
    Document




    


3.输出结果

javaScript 03 数组详解(数组声明/基础操作)_第6张图片


用函数的方式写法

javaScript 03 数组详解(数组声明/基础操作)_第7张图片

4.数组筛选没有0的数组





    
    
    
    Document



    


4.输出结果

javaScript 03 数组详解(数组声明/基础操作)_第8张图片

你可能感兴趣的:(javaScript,javascript,前端,html,html5)