对象、数组、字符串易混淆的方法集合

一、字符串

1.split()，指定的分隔符分割字符串为数组

例： str=”a|b|c|d|e”; 

            arr=str.split(”|”);

//arr是一个包含字符值”a”、”b”、”c”、”d”和”e”的数组。

2.join()，插入分隔符将数组转字符串

例： var arr=[”a”,”b”,”c”,”d”,”e”];

var newString=arr.join(”|”);

//结果是jpg|bmp|gif|ico|png

3.charAt()，返回指定位置的字符。

如果参数不在 0 与 string.length 之间，该方法将返回一个空字符串。

例:var str='a,g,i,d,o,v,w,d,k,p'

alert(str.charAt(2))  //结果为g

4:函数:charCodeAt()，返回指定位置的字符的 Unicode 编码。

这个返回值是 0 - 65535 之间的整数。

例：var str='a,g,i,d,o,v,w,d,k,p'

alert(str.charCodeAt(2))  //结果为103。即g的Unicode编码为103

5.函数:slice(start,end)，字符串截取

　　

start:必需。从何处开始。如果是负数，那么它从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二           个元素，以此类推。

　　end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没指定该参，那么切分从 start 到数组结束。           如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

　　return newArr=从start到end（不包括end元素）

例：var str='ahji3o3s4e6p8a0sdewqdasj'

　　alert(str.slice(2,5))   //结果ji3

6.函数:substring(start,end)，字符串截取

 start 必需。非负数。

end 可选。非负数，如果不传该参数，那么返回的子串会一直到字符串的结尾。

return  newString=从 start 处到 end (不包括end)处的所有字符。 如果 start 与 end 相等，返回的就是一个空串。

例子:var str='abcdefgh4e6p8a0sdewqdasj'

alert(str.substring(2,6))   //结果为cdef

7.函数:str.substr(start, length)，字符串截取

参数  start 必需。 length 可选。截取长度。如果 length 为 0 或负数，将返回一个空字符串。 如果没指定该参，则截取str.length。

举例： var str = "0123456789";

　　 alert(str.substr(2));------------"23456789"

alert(str.substr(2,3));------------"234"//从2开始截取3位长度

 

二、数组

1.concat（），数组连接

例：arr1=[1,2,3,4]

　　arr2=[5,6,7,8]

　　alert(arr1.concat(arr2))  //结果为[1,2,3,4,5,6,7,8]

2、push()和pop()

push(): 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。 
pop()：数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。

var arr = ["Lily","lucy","Tom"];

var count = arr.push("Jack","Sean");

console.log(count); // 5

console.log(arr); // ["Lily", "lucy", "Tom", "Jack", "Sean"]

var item = arr.pop();

console.log(item); // Sean

console.log(arr); // ["Lily", "lucy", "Tom", "Jack"]

3、shift() 和 unshift()

shift()：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined 。 
unshift:将参数添加到原数组开头，并返回数组的长度 。

这组方法和上面的push()和pop()方法正好对应，一个是操作数组的开头，一个是操作数组的结尾。

var arr = ["Lily","lucy","Tom"];

var count = arr.unshift("Jack","Sean");

console.log(count); // 5

console.log(arr); //["Jack", "Sean", "Lily", "lucy", "Tom"]

var item = arr.shift();

console.log(item); // Jack

console.log(arr); // ["Sean", "Lily", "lucy", "Tom"]

4,、reverse()：反转数组项的顺序。

5、indexOf()和 lastIndexOf()

indexOf()：接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中， 从数组的开头（位置 0）开始向后查找。 
lastIndexOf：接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中， 从数组的末尾开始向前查找。

这两个方法都返回要查找的项在数组中的位置，或者在没找到的情况下返回1。在比较第一个参数与数组中的每一项时，会使用全等操作符。

1 2 3 4 5 6

var arr = [1,3,5,7,7,5,3,1]; console.log(arr.indexOf(5)); //2 console.log(arr.lastIndexOf(5)); //5 console.log(arr.indexOf(5,2)); //2 console.log(arr.lastIndexOf(5,4)); //2 console.log(arr.indexOf("5")); //-1

6、forEach()

forEach()：对数组进行遍历循环，对数组中的每一项运行给定函数。这个方法没有返回值。参数都是function类型，默认有传参，参数分别为：遍历的数组内容；第对应的数组索引，数组本身。

1 2 3 4 5 6 7 8 9 10

var arr = [1, 2, 3, 4, 5]; arr.forEach(function(x, index, a){ console.log(x + '|' + index + '|' + (a === arr)); }); // 输出为： // 1|0|true // 2|1|true // 3|2|true // 4|3|true // 5|4|true

7、map()

map()：指“映射”，对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。

下面代码利用map方法实现数组中每个数求平方。

1 2 3 4 5

var arr = [1, 2, 3, 4, 5]; var arr2 = arr.map(function(item){ return item*item; }); console.log(arr2); //[1, 4, 9, 16, 25]

8、filter()

filter()：“过滤”功能，数组中的每一项运行给定函数，返回满足过滤条件组成的数组。

1 2 3 4 5

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; var arr2 = arr.filter(function(x, index) { return index % 3 === 0 || x >= 8; }); console.log(arr2); //[1, 4, 7, 8, 9, 10]

9、every()

every()：判断数组中每一项都是否满足条件，只有所有项都满足条件，才会返回true。

1 2 3 4 5 6 7 8 9

var arr = [1, 2, 3, 4, 5]; var arr2 = arr.every(function(x) { return x < 10; }); console.log(arr2); //true var arr3 = arr.every(function(x) { return x < 3; }); console.log(arr3); // false

10、some()

some()：判断数组中是否存在满足条件的项，只要有一项满足条件，就会返回true。

1 2 3 4 5 6 7 8 9

var arr = [1, 2, 3, 4, 5]; var arr2 = arr.some(function(x) { return x < 3; }); console.log(arr2); //true var arr3 = arr.some(function(x) { return x < 1; }); console.log(arr3); // false

11、reduce()和 reduceRight()

这两个方法都会实现迭代数组的所有项，然后构建一个最终返回的值。reduce()方法从数组的第一项开始，逐个遍历到最后。而 reduceRight()则从数组的最后一项开始，向前遍历到第一项。

这两个方法都接收两个参数：一个在每一项上调用的函数和（可选的）作为归并基础的初始值。

传给 reduce()和 reduceRight()的函数接收 4 个参数：前一个值、当前值、项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上，因此第一个参数是数组的第一项，第二个参数就是数组的第二项。

下面代码用reduce()实现数组求和，数组一开始加了一个初始值10。

1 2 3 4 5

var values = [1,2,3,4,5]; var sum = values.reduceRight(function(prev, cur, index, array){ return prev + cur; },10); console.log(sum); //25