js字符串和数组常用操作

阅读数:670 发布时间:2016-06-16 22:19:52

作者:mj001 标签: javascript 马骏001

字符串

首先定义三个字符串,后面的例子我们需要用来测试:

var str = "abc def gh ijk lmn opq";
var str2 = " h1el2lo3 ";
var str3 = " world";

1.charAt()

语句:str.charAt(1)

返回:b

说明:返回字符串指定位置的值,如果超出范围,则返回空字符串

2.concat()

语句:str.concat(str2,str3)

返回:abc def gh ijk lmn opq h1el2lo3 world

说明:连接一个或多个字符串,效果和连接符+一样

3.indexOf()

语句:str.indexOf('a',3)

返回:-1

说明:查找某个字符在字符串中出现的位置,注意加引号,整数表示查找起始位置,可忽略,表示从头开始查找,没找到返回-1

4.search()

语句:str.search('b')

返回:1

说明:用法类似indexOf,但也可以针对正则表达式进行查找,忽略全局g,所以永远只能查找一次

5.match()

语句1:str2.match('l')

返回:["l", index: 6, input: " h1el2lo3 "]

语句2:str2.match(/d+/g)

返回:["1", "2", "3"]

说明:直接匹配字符串,返回一个数组,匹配不成功返回null,也可以匹配正则,如示例中找出所有数字

6.replace()

语句1:str3.replace('or','ro')

返回: wrold

语句2:str3.replace(/world/,'yeah')

返回: yeah

说明:匹配字符串,没有替换成功则返回原字符串,也可以匹配正则查找,例如示例中找到world则替换成yeah,否则返回原字符串

7.slice()

语句:str3.slice(1,-2)

返回:wor

说明:返回指定范围[ )内字符串,可以只写一个参数,表示从指定位置到尾,若有负数,则从尾部最后一位-1开始计算,倒数第二位则为-2,没有怎返回空字符串

8.split()

语句:str.split(" ",2)

返回:["abc", "def"]

说明:分割完指定字符串之后返回一个数组["abc", "def"]

9.substring()

语句:str3.substring(1,4)

返回:wor

说明:与slice方法相同,返回[ )范围内的字符串,超出范围则返回空字符串,注意:它不接收负数

10.toUpperCase()

语句:str3.toUpperCase()

返回: WORLD

说明:字符串全部转换为大写,相同用法有toLowerCase(),全部转换为小写

11.toString()

语句:str.toString()

返回:abc def gh ijk lmn opq

说明:感觉对字符串用这个方法没啥意义,一般用在arr上面,将一个数组转换成字符串

12.trim()

语句:str2.trim()

返回:h1el2lo3

说明:删除字符串左右两边空格(chrome和firefox没有问题,但是ie中这个方法没有效果)

补充:可以用正则来解决ie下的问题

function trimStr(str){
    return str.replace(/(^s*)|(s*$)/g,"");
}

数组

首先定义两个数组用来测试:

var arr = [1,2,8,9,3,24,1,23,15,36,5];
var arr2 = ["a","b","c"];

1.concat()

语句:arr.concat(arr2)

返回:[1, 2, 8, 9, 3, 24, 1, 23, 15, 36, 5, "a", "b", "c"]

说明:连接一个或者多个数组,返回一个新数组

2.join()

语句:arr.join(':')

返回:1:2:8:9:3:24:1:23:15:36:5

说明:返回一个用指定符号连接数组成员的字符串,默认用「,」连接

3.pop()

语句:arr.pop()

返回:5

说明:删除数组最后一个元素,并返回该删除的元素-----类似用法shift(),删除第一个元素并返回

4.push()

语句:arr.push(4,28)

返回:12

说明:往数组末尾插入一个或多个元素,并返回数组长度------类似用法unshift(),从开头插入,并返回长度

5.sort()

语句:arr.sort(function(a,b){return a - b;})

返回:[1, 1, 2, 3, 4, 8, 9, 15, 23, 24, 28, 36]

说明:如果要实现数字大小排序,需要传入一个比大小函数

6.splice()

语句:arr2.splice(1,0,2,3,4)

返回:[]

说明:用来添加或删除数组成员,返回被删除的成员,会改变原数组

7.reverse()

语句:arr.reverse()

返回:[36, 28, 24, 23, 15, 9, 8, 4, 3, 2, 1, 1]

说明:单纯的将数组逆向排序

8.slice()

语句:arr.slice(1,-3)

返回:[28, 24, 23, 15, 9, 8, 4, 3]

说明:选出数组指定范围内[ )内的元素组成新数组返回,可接受负数,若不在范围内,返回空数组

9.toString()

语句:arr2.toString()

返回:a,2,3,4,b,c

说明:将数组转换成字符串

相关文章推荐: