菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 薛伯一-20221102-JS基础4 [打印本页]
作者: Paracelsus    时间: 2022-11-3 01:03
标题: 薛伯一-20221102-JS基础4
一、今日学习内容：
  • 数组（一维数组）
    • 概念:
      • 数组是一组数据有序排列的组合（集合）

    • 定义数组的方式
      • 字面量方式
        • let/var/const  变量名（数组名）=【】；

      • 实例化的方式
        • let/var/const  变量名（数组名）= new Array();
        • 通过构造函数（类）来new一个对象（实例对象）


    • 给数组添加元素/赋值的方式
      • 通过数组索引去给数组添加元素、赋值

    • 数组常见的操作方法
      • 访问整个数组：数组名
      • 访问数组元素：数组名【索引】
      • 访问数组长度：数组名.length
      • 获取数组的最大索引值：数组名.length-1
      • 删除数组元素：delate 数组名【索引】
      • 清空数组：arr=[ ];    arr.length =0;
      • 增加：数组名【索引（目前没有的索引值）】=新的值；
      • 修改：数组名【索引（目前有的索引值）】=新的值；

  • 遍历数组
    • 概念
      • 一次或者挨个从指定数组中，获取所有满足条件的数组元素

    • 作用
      • 对数组进行统一的管理

    • 语法
      • for循环遍历数组
        • for( let i = 0 ; i < arr.length ; i++) {
        •         i----索引；
        •         arr----数组的每一项元素；

        • }


      • forEach
        • 数组名.forEach(function（v,i）{
        •                v====当次遍历数组的元素
        •                i====当次遍历数组的索引
        • })


  • 数组常用方法
    • concat(数组元素/数组，数组元素/数组，. . . . . . )不会影响原数组
      • 作用：多个数组连接成一个数组，执行后的结果----拼接好的新的数组

    • join(拼接符/连接符）原数组没有影响
      • 作用：使用拼接符把数组转成字符串

    • 操作数组最后一个位置上的元素----原数组操作
      • 删除pop()----返回值是被删掉的元素
      • 添加push(数组元素，数组元素)----返回值是新的数组的长度

    • 操作数组第一个位置上的元素----原数组操作
      • 删除shift()----返回值是被删掉的元素
      • 添加unshift(数组元素，数组元素)----返回值是新的数组的长度

    • slice截取方法：
      • 没有影响原数组，返回值：截取的元素--数组
      • slice(开始的索引，结束的索引)

    • splice截取替换：
      • 在原数组上操作，返回值：截取的部分--数组
      • splice(开始索引，截取几位，插入的元素)

    • sort排序：在原数组上操作
      • sort()  ：默认按照字母编码顺序排序
        • 按照数字大小排序
        • sort(function(a,b){
        •           return a-b;  // 从小到大
        •           return b-a;  // 从大到小
        • })


  • 请默写出所学的所有数组方法，写出API语法、中文释义，并朗读达到熟练说出
    • concat(数组元素/数组，...)----拼接多个元素或者数组；
    • join(拼接符/连接符)----用拼接符把数组转成字符串；
    • pop()----删除数组最后一个元素；
    • push(数组元素，数组元素)----给数组最后一个元素后面加元素或者数组；
    • shift()----删除数组中的第一个元素；
    • unshift(数组元素，数组元素)----给数组第一个元素前面添加元素或者数组；
    • slice(开始索引，结束索引)----截取数组中的某一段；
    • splice(开始索引，截取长度，插入元素/数组)----截取替换数组中的某一个元素或者某一段元素
    • sort()----排序：默认为字母编码顺序
  • 按功能对这些方法进行分类：数组元素操作、数组遍历、对数组的特殊处理
    • 1.数组元素操作：拼接：concat()、加入：join()、删除：pop()、添加：push()、删除：shift()、添加：unshift()、截取：slice()、截取替换：splice()、排序：sort();
    • 2.数组遍历：
    • for( let i = 0 ; i <= arr.length ; i++) {
      • i----索引；
      • arr----数组的每一项元素；


    • }

    • 数组名.forEach(function(v,i) {
      • v----当次遍历元素；
      • i----当次遍历索引；

    • })

  • 按调用方法后是否改变原数组对这些方法进行分类
    • 改变原数组：pop()、push()、shift()、unshift()、spclice()、sort()
    • 不改变原数组：concat()、join()、slice()







欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) Powered by Discuz! X3.4