String字符串

╰+哭是因爲堅強的太久メ 2023-08-17 15:38 208阅读 0赞

1 字符串的两种创建方式(常量和构造函数)

var str = “hello javascript”;

var str = new String (“hellojavascript”);


2 字符串的属性:

str.length //字符串的长度


3 字符串常见API(indexOf/charAt/substring/slice/split/replace)

  1. 1 indexOf(data,start); //用于返回某个数组或者字符串中规定字符或者字符串的位置;
  2. var str = "abcdefg”;
  3. str.indexOf("a");//0返回当前查询字符所在的位置的下标,如无,返回-1,start表示从第几位开始查询。
  4. 2.charAt(index); //返回指定位置的字符,index为下标
  5. 3.substr(n,m);
  6. 4.substring(n,m); //返回从指定位置n,到结束位置(不含)m 的字符串,如果不指定结束位置,则从开始位置到结尾
  7. 5.slice(n,m); //同substring,需要注意和数组中方法slice()的相似
  8. 6.split("-"); //通过指定字符分割字符串,返回一个数组
  9. 7.replace("需要替换的字符串","替换之后的字符串") //将字符串中的一些字符替换为另外一些字符。最好配合正则使用

这是其他的string方法


4 字符串的案例

  1. js的重要作用之一----交互----人机交互(事件)----服务器交互(ajax
  2. 服务器交互,从服务器获取数据,数据的处理方式,将json----转换成字符串操作。
  3. 案例:商品列表
  4. 字符串操作重要性不言而喻!
  5. 字符串的操作:从1+1=21+1=11,有什么样的区别

18905690-597748af26504a21.png


如何解决?

先写html结构

18905690-e56aa389bd568cc3.png

就这么少?

对,你没看错,实现上图的html结构只有一个div即可

我们可以先把其中的一个结构写出来,如下

18905690-e76e57b428f6368b.png

来处理css样式

18905690-8c7058ab617de35c.png


  1. 在处理js部分

18905690-d93538fc5571042b.png


打开页面,效果就完成了

发表评论

表情:
评论列表 (有 0 条评论,208人围观)

还没有评论,来说两句吧...

相关阅读

    相关 String字符串方法

    字符串的方法都不会改变原字符串,因为JavaScript中字符串的值是不可改变的。 `0、String` 全局对象是一个用于字符串或一个字符序列的构造函数。 三个知识点

    相关 Java字符串(String)

    从表面上看,字符串就是双引号之间的数据,例如“微学苑”、“http://www.weixueyuan.net”等。在Java中,可以使用下面的方法定义字符串: Strin

    相关 String字符串

    许多知识在我创作的文章 “java变量的两种类型” 里提到了,这里就不赘述类,大家可以参考。 \\ 字符串 \\ 什么是 Java 中的字符串? 字符串被作

    相关 字符串String

    String三兄弟! > 又到了学习技术的时候了,千万不要懈怠,因为很多比你还优秀的人都还在努力学习呢!我之前听过非常有感触的一句话就是“以大多数人的努力程度之低,根本轮