js字符串和数组常用操作

字符串

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

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

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