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

标题: 陈紫怡-20221102-JS基础4 [打印本页]

---

作者: Dasmondlicht    时间: 2022-11-2 23:27
标题: 陈紫怡-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