for...of等方式遍历数组

发布时间:2025-06-24 19:31:50  作者:北方职教升学中心  阅读量:709


查找、

  • 数组可变:数组是可变的,可以随时添加、forEach()等。
  • split(separator):将字符串分割为数组。筛选、


  • 💯总结

    • 在这里插入图片描述
      JavaScript中,字符串数组是两种非常重要的数据结构,各自具有独特的特性和用途。对象等。在开发过程中,理解它们的区别和应用场景,有助于编写出更加高效和易于维护的代码。删除、删除或修改元素的操作相对高效,特别是对于末尾元素的操作,时间复杂度为 O(1)。

      • 字符串方法:主要用于字符串的查找、转换等操作,如 charAt()
      • splice(start, deleteCount, item1, item2, ...):用于增删改数组元素。在开发中,字符串(String)和数组(Array)是最常用的数据结构之一,它们有各自独特的特性和使用场景。
        String
        在这里插入图片描述
        Array
        在这里插入图片描述

      💯字符串(String)

      在这里插入图片描述

      1. 字符串的定义

        JavaScript中,字符串可以通过单引号、

    letnumbers =[1,2,3,4,5];letdoubled =numbers.map(num=>num *2);console.log(doubled);// 输出 [2, 4, 6, 8, 10]

    💯字符串与数组的互转

    在这里插入图片描述

    1. 字符串转数组

      可以使用 split()方法将字符串按指定的分隔符转换为数组。数组的元素可以是任意数据类型,包括字符串、双引号或反引号(模板字符串)来定义。

    2. letstr ='Hello World';console.log(str.toUpperCase());// 'HELLO WORLD'letarr =[1,2,3];arr.push(4);console.log(arr);// [1, 2, 3, 4]
    3. 循环遍历

      • 字符串:可以通过 for循环遍历字符串的每一个字符。
      • shift():移除并返回数组的第一个元素。for...of等方式遍历数组。要修改字符串内容,需要创建一个新的字符串。


      在这里插入图片描述


  • 数组:不仅可以使用 for循环,还可以使用 forEach()
  • 数组:数组的长度是可变的,可以通过 length属性动态增加或减少数组的大小。
  • indexOf(substring):查找子字符串在原字符串中的位置。队列、如果想修改字符串的内容,只能创建一个新字符串。日志记录等。
  • 数组方法:用于添加、
  • 数组:数组是可变的,添加、遍历等操作,如 push()
  • toUpperCase()toLowerCase():将字符串转换为大写或小写。基于对象的编程语言,被广泛应用于前端和后端开发。indexOf()

  • 修改性能

    • 字符串:由于不可变性,字符串的修改实际上是创建新字符串,因此在频繁拼接或修改时性能较低。数组在需要频繁修改的情况下更节省内存。
    letstr ='Hello';console.log(str[1]);// 输出 'e'letarr =[1,'Hello',true];console.log(arr[1]);// 输出 'Hello'
  • 方法的差异

    字符串和数组都有各自特定的方法来操作自身的数据。

  • 字符串的不可变性

    字符串JavaScript中是不可变的,这意味着字符串的内容一旦创建就不能被改变。

  • letstr ='Hello, JavaScript!';console.log(str.length);// 输出 18console.log(str.charAt(1));// 输出 'e'console.log(str.indexOf('JavaScript'));// 输出 7console.log(str.toUpperCase());// 输出 'HELLO, JAVASCRIPT!'console.log(str.substring(0,5));// 输出 'Hello'console.log(str.split(' '));// 输出 ['Hello,', 'JavaScript!']

    💯数组(Array)

    在这里插入图片描述

    1. 数组的定义

      数组可以使用方括号 []来定义,元素之间用逗号分隔。

    2. 内存使用
      字符串的不可变性意味着每次修改都会分配新的内存,频繁的字符串操作可能导致内存浪费。布尔值、消息展示等场景时非常实用。遍历和变换时表现出色。栈等。

    3. 字符串适合处理不可变的文本数据,尤其在处理用户输入、

    4. unshift(element):向数组的开头添加一个或多个元素。

    5. 数组适合处理有序的可变数据,尤其在需要对数据进行增删、布尔值、

    6. letname ='Alice';letmessage =`Hello, ${name}! Welcome to JavaScript.`;console.log(message);// 输出 'Hello, Alice! Welcome to JavaScript.'
    7. 数组的应用场景

      • 存储集合数据:数组常用于存储一组相关的数据,如列表、
      • charAt(index):返回指定位置的字符。

        在这里插入图片描述

        博客主页: [小ᶻ☡꙳ᵃⁱᵍᶜ꙳]
        本文专栏: 前端

        文章目录

        • 💯前言
        • 💯字符串(String)
        • 💯数组(Array)
        • 💯字符串与数组的相同点与不同点
        • 💯字符串和数组的实际应用场景
        • 💯字符串与数组的互转
        • 💯字符串和数组的性能对比
        • 💯总结


        在这里插入图片描述


        💯前言

        • JavaScript是一种动态类型、映射和聚合等操作。字符串主要用于文本处理,是不可变的数据类型;而数组用于存储有序集合,可以包含不同类型的元素,并且是可变的
        letstr ='Hello';str[0]='h';// 无效操作,字符串不可变str ='hello';// 重新赋值,创建了一个新字符串letarr =[1,2,3];arr.length =2;// 截断数组,arr 变为 [1, 2]arr.push(4);// 添加元素,arr 变为 [1, 2, 4]
      • 不可变性与可变性

        • 字符串不可变:字符串是不可变的数据类型,修改字符串实际上是创建一个新的字符串对象。
        • pop():移除并返回数组的最后一个元素。map()

          letarr =['a','b','c','d'];letstr =arr.join('-');console.log(str);// 输出 'a-b-c-d'

    💯字符串和数组的性能对比

    在这里插入图片描述

    1. 访问性能

      字符串数组在访问特定位置的元素时,性能相差不大,都是通过索引直接访问的,时间复杂度为 O(1)pop()

    2. 迭代和映射:可以对数组进行遍历、

      letstr ='a,b,c,d';letarr =str.split(',');console.log(arr);// 输出 ['a', 'b', 'c', 'd']
    3. 数组转字符串

      可以使用 join()方法将数组元素连接为一个字符串。

    4. letstr ='Hello';letarr =[1,'Hello',true];
    5. 长度的可变性

      • 字符串:字符串的长度是不可变的,即一旦创建,字符串中的字符和长度都无法更改。通过 length属性可以修改数组的长度。例如:

        letstr1 ='Hello, World!';letstr2 ="Hello, JavaScript!";letstr3 =`Hello, ${str1}`;

        反引号允许嵌入表达式,使字符串的拼接更加方便。消息提示、数字、

      • substring(start, end):截取字符串的一部分。

        letarr =[1,2,3,4,5];arr.length =3;// 截断数组,arr 变为 [1, 2, 3]arr.push(6);// 添加元素,arr 变为 [1, 2, 3, 6]
      • 数组的常用方法

        JavaScript 提供了大量的数组方法来操作数组,例如:

        • push(element):向数组末尾添加一个或多个元素。substring()等。本文将深入解析 JavaScript中的字符串和数组,并通过多个角度对比它们的区别与联系,帮助读者更好地理解和使用这两种数据结构。
        • 数组:数组可以存储任何类型的元素,包括字符串、
        letarr =[1,2,3,4,5];arr.push(6);// [1, 2, 3, 4, 5, 6]arr.pop();// [1, 2, 3, 4, 5]arr.shift();// [2, 3, 4, 5]arr.unshift(1);// [1, 2, 3, 4, 5]letnewArr =arr.map(x=>x *2);// [2, 4, 6, 8, 10]

    💯字符串与数组的相同点与不同点

    在这里插入图片描述

    1. 数据类型和存储内容

      • 字符串:字符串只能存储字符序列,表示文本。
      • map(callback):对数组的每个元素执行一次提供的函数,并返回一个新数组。
      • slice(start, end):返回数组的一部分。

        letarr =[1,'Hello',true,{key:'value'},[1,2,3]];
      • 数组的动态性

        JavaScript 中的数组是动态类型的,这意味着数组可以存储不同类型的元素,且长度是可以随时变化的。数字、删除或修改数组的元素。为了优化性能,建议使用 Array来拼接字符,然后再使用 join()方法转换为字符串。

    2. 索引访问

      • 字符串数组都可以通过索引访问其中的元素,但字符串的元素只能是字符,而数组的元素可以是任何类型。对象等。

        letstr ='Hello';str[0]='h';// 无效操作,字符串不可变str ='hello';// 创建了一个新的字符串
      • 字符串的常用方法

        JavaScript 提供了丰富的方法来操作字符串,例如:

        • length:返回字符串的长度。
        letstr ='Hello';for(letchar ofstr){console.log(char);// 输出每一个字符:'H', 'e', 'l', 'l', 'o'}letarr =[1,2,3];arr.forEach(element=>console.log(element));// 输出每一个元素:1, 2, 3

    💯字符串和数组的实际应用场景

    在这里插入图片描述

    1. 字符串的应用场景

      • 文本处理:字符串用于处理文本,如用户输入、分割、
      • forEach(callback):对数组的每个元素执行一次提供的函数。
      • 模板字符串:使用反引号和嵌入表达式,可以方便地进行字符串拼接和模板生成。