JS字符串内置功能

一、加特效的，会给字符串加相应的标签：（了解）

1、big() <big> </big>标签 ，用大号字体显示字符串

2、anchor（）a标签 创建锚点， <a name="...."> </a>

3、link() a标签 加链接的 <a href="...."> </a>

<script>
    re=str.anchor("http://www.baidu.com")
	re=str.link("http://www.baidu.com")
</script>

4、bold() <b></b> 使用粗体显示字符串

5、blink（）加高亮的 显示闪动字符串

6、footcolor 使用指定的颜色来显示字符串

7、footsize 使用指定的尺寸来显示字符串

<script>
    var str="hello,三峡学院"
    re=str.fontcolor("red")
	re=str.fontsize("30px")
</script>

8、italics 用斜体显示字符串

9、small() 用小字号来显示字符串

10、sub() 把字符串显示为上标

11、sup() 把字符串显示为下标

12、fixed()以打字机文本显示字符串

二、重点掌握

1、toUpperCase()字母转大写

2、toLocaleLowerCase()字母转小写

自己设计一个将首字母转大写的方法：

<script>
    String.prototype.FirstUppserCase=function() { //向原型内添加这个方法
        ver re = this[0].toUpperCase()
        for(var i=1;i<this.length;i++){
            re +=this[i]
        }
        return re
    }
    //使用：
    var str = 'asdfghh'
    var re = str.FirstUppserCase()
    console.log(re)'Asdfghh'
</script>

3、toString()转换为字符串

4、valueOf()返回字符串对象的原始值

5、indexOf(x,?y)是检测某个字符串是否出现，并返回下标，如果没有返回-1；x为要查询的字符串，第二个y是查询的起始位置,默认是零。

用法：

<script>
    //查询某个字符出现次数
    String.prototype.count1=function(str) {
				var re=-1;
				var count=0
			    do{					
					re=this.indexOf(str,re+1)
					if(re!=-1){count++}
				}while(re!=-1)	
				return 	count					
			}			
			var str="文本内容"
			var re=str.count1("所要查询的字符串")
			console.log(re)//出现的次数
</script>

三、必须掌握

1、substr（start,num）start从哪里开始取，num取几个；start可以是负数，代表从后往前数

<script>
            var str = "addlist"
			var re1 = str.substr(0,3)
			var re2 = str.substr(-3,3)
			console.log(re1,re2) //add ist
</script>

2、substring(start,?end) 左闭右开 从start下标开始取，取到下标为end的上一个（？有问号的参数是可选填的）

3、split(“分隔符”) 分割，将字符串分割成一个数组，以选择的分割符分割成数组，如果字符串中不存在此字符，则返回整个字符串单独位于一个数组中。

具体说明：

        <script>
            var str="helxxlo"
			var arr=str.split("l")
			console.log(arr)//打印 ["he","xx","o"]
            var arr1=str.split("s")
            console.log(arr1)//打印 ["helxxlo"]
        </script>

4、slice() 与substring()相似 获得某个字符串片段

<script>
    	    var str="hello"
			var re1=str.substring(0,4)
			var re2=str.slice(0,4)
			console.log(re1,re2) //hell hell
</script>

四、笔试题练习:把当前网页的url的参数解析为一个对象

<script>
var url='http://www.hqyj.com/index.html?user=karen&page=10&count=100'
            //解析为这种格式{user:"karen",page:"10",count:"100"}
			function  parseurl(str) {
              var querystring=str.split("?")[1]
				var arr=querystring.split("&")//["user=karen","page=10","count=100"]
				var obj={}
				for(var i=0;i<arr.length;i++){
					var arr2=arr[i].split("=")
					obj[arr2[0]]=arr2[1]
				}
				return obj
			}
			var obj=parseurl(url)
			console.log(obj)

</script>

五、补充（包装对象）

.语法是一种引用数据的语法糖 标准写法为obj[ ]

为什么字符串基本数据不是引用数据，但是可以通过.使用哪些方法？

因为当字符串基本数据使用点语法时，会有一步隐式操作；

隐式操作:所有的基本数据当作对象使用时，它们的的点语法都会多一步隐式操作（隐式包装为一个对象）

具体说明：

<script>
    var str = "jack"
    str.age = 20
    //隐式包装操作
    var str = new String("jack")
    str.age = 20
    console.log(str.age)//打印20
</script>