查看: 366|回复: 0

[JavaScript/JQuery] 爱创课堂 前端 js基础 字符串的属性和方法

发表于 2017-12-4 09:37:45
复习作用域:

变量的作用域:JS没有块级用做域,只有函数可以管住作用域。

局部变量:当函数执行才定义,函数执行完毕之后销毁。所以在作用域外的任何地方都不能访问咱们的局部变量。

全局变量:可以在任何地方访问的到。用作:信号量,累加的作用。

函数的作用域:只有在它作用域内才可以被执行。

1 function outer(){
2 var a = 1;
3 function inner(){
4 console.log(a);
5 }
6 inner();
7 }
8 outer();
9 inner();

闭包:函数的闭包天生存在,但是我们看不见,只有通过某种方法才可以在外面看见闭包的效果。函数可以记住执行时外部环境和内部语言。

1 function outer(){
2 var a = 1;
3 function inner(){
4 console.log(a);
5 }
6 return inner;
7 }
8
9 var i = outer();
10 i();

数组:array,类型是引用类型。直接用数组字面量定义。[]。

索引值(index)。index的最大值length - 1。

1 arr[index]

数组的属性length。

1 arr.length

数组的首尾操作:

1 shift()       //删除第一位
2 unshift()    //在首位增加
3 pop()        //删除最后一项
4 push()       //在末尾增加

concat()。数组的拼接,连接。

slice(start,end)。数组的拆分。表示截取start到end之间的数,包括start不包括end。参数可以是正数可以是负数,end还可以不写。

splice(index,howmany,elements);

删除:splice(3,4);

插入:splice(3,0,elements);

替换:splice(3,4,elements);

join()表示吧数组转换为字符串。

reverse()。倒序

sort()。第一种没有参数,就表示简单排序。按照字符编码顺序。

第二种有参数,

1 // 升序
2 sort(compareFunction(a,b){
3 if(a > b){
4 return 1;
5 }else if(a == b){
6 return 0;
7 }else{
8 return -2;
9 }
10 })
一、字符串的属性和方法1.1 字符串的属性字符串的属性和数组一样也有length属性。表示字符串的长短。每一个字母,汉字,数字,标点符号,空格都算一个长度。直接使用点方法。

1 var str = "今天天气太闷了,感觉气温有35°C";
2 console.log(str.length);

字符串也有索引值index。也是从0开始。
1.2 字符串的方法charAt():表示索引值对应的字符。

1 var str = "今天天气太闷了,感觉气温有35°C";
2 // charAt()参数是索引值,返回值是该索引值对应的字符。
3 console.log(str.charAt(3));

1 // 字符串的遍历
2 for(var i = 0 ; i <= str.length - 1 ; i ++){
3 console.log(str.charAt(i));
4 }


indexOf():表示该字符首次出现的位置。如果该字符串存在返回的是字符串所在的索引值,字符串不存在返回的是-1。

1 // indexOf()表示该字符首次出现的位置。
2 var str = "今天天气太闷了,感觉气温有35°C";
3 console.log(str.indexOf("天"));

concat():表示字符串的拼接。参数可以是一个字符串或者多个,用逗号隔开。

1 //方法表示字符串的拼接,返回一个新的字符串,源字符串不变。
2 var str = "今天天气太闷了,感觉气温有35°C";
3 var str2 = str.concat("我需要空调","某同学想吃冰棍");
4 console.log(str);
5 console.log(str2);
6


slice(start,end)方法表示截取索引值从start到end之间的字符串。

包括start不包括end。

可以用正值,可以用负值,还可以不写end。

1 // slice()表示截取一段区间的字符串
2 var str = "今天天气太闷了,感觉气温有35°C";
3 var str2 = str.slice(3,9);
4 var str3 = str.slice(-9,-3);
5 var str4 = str.slice(3);


split()方法表示用某个字符截取字符串得到一个新数组。

参数:字符

1 // split()用字符截取得带新的数组
2 var str = "aaabccccbddjbjjkbhhjj";
3 var arr = str.split("b");
4 console.log(arr);


substr(start,howmany)方法:表示从某个索引值开始截取一段数目的字符串。

参数start表示开始截取的索引值

howmany表示要截取的个数。

1 var str = "今天天气太闷了,感觉气温有35°C";
2 console.log(str.substr(2,5));
3 console.log(str.slice(2,7));


substring():表示截取一段字符串从start开始到end不包含end。

不可以用负值。

1 // substring()方法
2 var str = "今天天气太闷了,感觉气温有35°C";
3 console.log(str.substring(2,7));
4 // substring()方法可以书写从大到小,会自行判断两个数值的大小,包括小的索引值,不包括大的索引值。
5 console.log(str.substring(7,2));

toUpperCase()方法表示转换为大写字母。

toLowerCase()方法表示转换为小写字母。

1 var str = "qfjfkjkka";
2 var str2 = str.toUpperCase();
3 var str3 = str2.toLowerCase();
4 console.log(str2);
5 console.log(str3);


将“everything is good in its season”,转为每个单词的首字母大写。

即“Everything Is Good In Its Season”

1 var str = "everything is good in its season";
2 // 将每个单词的首字母大写。
3 // 先得到每一个单词
4 var arr = str.split(" ");
5 // 每个单词的首字母大写
6 for(var i = 0 ; i <= arr.length - 1 ; i ++){
7 arr = arr.charAt(0).toUpperCase() + arr.slice(1);
8 }
9 // 数组转换为字符串
10 var str1 = arr.join(" ");
11 console.log(str1);

本文章版权归爱创课堂所有,转载请注明出处。

更多详细内容请访问爱创课堂官网首页

http://www.icketang.com/


回复

使用道具 举报

关闭

站长推荐上一条 /1 下一条