1 字符串的两种创建方式(常量和构造函数)
var str = "hello javascript";
var str = new String ("hellojavascript");
2 字符串的属性:
str.length //字符串的长度
3 字符串常见API(indexOf/charAt/substring/slice/split/replace)
1 indexOf(data,start); //用于返回某个数组或者字符串中规定字符或者字符串的位置;
var str = "abcdefg”;
str.indexOf("a");//0返回当前查询字符所在的位置的下标,如无,返回-1,start表示从第几位开始查询。
2.charAt(index); //返回指定位置的字符,index为下标
3.substr(n,m);
4.substring(n,m); //返回从指定位置n,到结束位置(不含)m 的字符串,如果不指定结束位置,则从开始位置到结尾
5.slice(n,m); //同substring,需要注意和数组中方法slice()的相似
6.split("-"); //通过指定字符分割字符串,返回一个数组
7.replace("需要替换的字符串","替换之后的字符串") //将字符串中的一些字符替换为另外一些字符。最好配合正则使用
4 字符串的案例
js的重要作用之一----交互----人机交互(事件)----服务器交互(ajax)
服务器交互,从服务器获取数据,数据的处理方式,将json----转换成字符串操作。
案例:商品列表
字符串操作重要性不言而喻!
字符串的操作:从1+1=2到1+1=11,有什么样的区别
![18905690-597748af26504a21.png](https://i-blog.csdnimg.cn/blog_migrate/d18ad2981968477f871ba643cfc61ef8.png)
如何解决?
先写html结构
![18905690-e56aa389bd568cc3.png](https://i-blog.csdnimg.cn/blog_migrate/c6051d769a949a4eecec859387338b73.png)
就这么少?
对,你没看错,实现上图的html结构只有一个div即可
我们可以先把其中的一个结构写出来,如下
![18905690-e76e57b428f6368b.png](https://i-blog.csdnimg.cn/blog_migrate/9d5da04a418fbbb60c5c405dd2bb5fdf.png)
来处理css样式
![18905690-8c7058ab617de35c.png](https://i-blog.csdnimg.cn/blog_migrate/df4923834c7fa6ad70c382c4f197b090.png)
在处理js部分
![18905690-d93538fc5571042b.png](https://i-blog.csdnimg.cn/blog_migrate/41fa34bddcbedafb77678c9ef2f49125.png)
打开页面,效果就完成了