devbox
算法编织者2
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

JavaScript-字符串

作者：算法编织者2 | 2024-02-02 11:27:08

赞

踩

JavaScript-字符串

字符串遍历

1.目标

掌握字符串的遍历

字符串的长度 字符串名.length

2.实现思路

  1. 定义变量 保存字符串
  2. for遍历字符串

3.代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
      <script>

        // 1. 定义变量  保存字符串
        var str = '任浩然张同舟';

        // 2.字符串的长度
        // console.log(str.length);

        // 字符串名[下标]  访问字符串中的具体的数据
        // console.log(str[0]);


        for (var i = 0; i < str.length; i++) {
            console.log(str[i]); 
        }



      </script>
</body>
</html>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
4.总结

字符串名.length 字符串的长度

配合for循环遍历 字符串中的每个字符

5.字符串转成数组用的方法split

1.目标

掌握字符串的split方法的使用

2.实现思路

  1. 定义变量保存字符串
  2. 使用split分割转成数组

3.代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
      <script>
          // 1.定义变量 保存字符串
        //   var str = '张-景-涵';  
          var str = '张/景/涵';  


         //2. 使用字符串名.split(分隔符)  转成数组  
         var arr = str.split('/');

         console.log(arr);
      </script>
</body>
</html>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22

4.总结

字符串名.split(‘分隔符’) 把字符串按照指定的分隔符进行分割字符串， 分割后的每一项放入数组

6.join方法 数组转字符串

1.目标

掌握 数组名.join(‘分隔符’)

2.实现思路

  1. 定义变量 保存数组
  2. 数组名.join(‘分隔符’)

3.代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
      <script>
          // 1. 定义变量 保存数组
          var arr = ['王飞翔', '游东福', '姜潇潇', '孙宇'];

            // console.log(arr);
          // 2. 数组转字符串  默认是逗号分割
        //  var str =  arr.join('-');
         var str =  arr.join('----->');

         console.log(str);


      </script>
</body>
</html>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24

4.总结

1.数组名.join(‘分割符’) 把数组中每一项按照分隔符 拼接成字符串

2.数组名.join() 默认把数组中每一项按照逗号 拼接成字符串

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/blog/article/detail/55068
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号