JavaScript 基本方法集锦

常用的 JavaScript 方法

1、indexOf()

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

var str = "abcdef";
var index = str.indexOf("c");
console.log(index);   // 2

• 常用：检测字符串中是否存在某个字符串值。
• 说明：当字符串中不存在某个字符串值时返回为 -1。

2、replace()

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

var str = "abcd";
var reStr = str.replace("c","1");
console.log(reStr);   // ab1d
或
var str1 = "abcabc";
var reStr1 = str1.replace(/(a)|(c)/g, '-$1-$2');
console.log(reStr1);  // -a-b--c-a-b--c

• 常用：字符串中替换某个字符串值。
• 说明：当字符串中存在多个相同的字符串值时每次只替换第一个。

var str = "abcabc";
var reStr = str.replace("c","1");
console.log(reStr);   // ab1abc

3、concat()

concat() 方法用于合并两个或多个数组，返回一个新数组。

var a = [1,2,3];
var b = [4,5,6];
var newArray = a.concat("连接",b,"abc")
console.log(newArray);	// [1, 2, 3, "连接", 4, 5, 6, "abc"]

• 常用：数据的拼接形成新的数组。
• 说明：该参数可以是具体的值，也可以是数组对象。可以是任意多个。

4、slice()—操作数组

slice()方法返回一个从开始到结束（不包括结束）选择的数组的一部分浅拷贝到一个新数组，且原数组不会被修改。

var a = [1,2,3,4,5];
var newArray = a.slice(0,2)
console.log(newArray);	// [1, 2]

• 常用：浅拷贝数组并形成新的数组，且不会改变原来的数组。
• 说明：array.slice(begin, end)
  begin(可选): 索引数值,接受负值，从该索引处开始提取原数组中的元素,默认值为0。
  end(可选):索引数值(不包括),接受负值，在该索引处前结束提取原数组元素，默认值为数组末尾(包括最后一个元素)。

5、slice()—操作字符串

slice()方法返回一个从开始到结束（不包括结束）选择的字符串的一部分。

var a = "12345";
var newString = a.slice(0,2)
console.log(newString );	// "12"

• 常用：截取字符串
• 说明：string.slice(begin, end)
  begin(可选): 索引数值,接受负值，从该索引处开始提取原字符串中的元素,默认值为0。
  end(可选):索引数值(不包括),接受负值，在该索引处前结束提取原字符串元素，默认值为字符串末尾(包括最后一个元素)。

6、split()

split() 方法用于把一个字符串分割成字符串数组。

var a = "123123123";
var array = a.split(2)
console.log(array);	// ["1", "31", "31", "3"]

• 常用：截取字符串
• 说明：如果把空字符串 (" ") 用作截取的字符，那么字符串中的每个字符之间都会被分割（传第二个参数可以用来控制生成数组的长度）。

var a = "123123123";
var array = a.split("",5)
console.log(array);	// ["1", "2", "3", "1", "2"]

不常用的又很实用 JavaScript 方法

JavaScript 方法在前端是经常会用到的。但是除了上面这些常用的之外，又有一些不常用的JavaScript 方法但是却很实用，所以作者在此也略做集锦。

1、charAt()

charAt() 方法用于返回指定索引处的字符。索引范围为从 0 到 length() - 1。

var a = "12345";
var character = a.charAt(3)
console.log(character);	// "4"

• 常用：提取字符串中的字符
• 说明：JavaScript 并没有一种有别于字符串类型的字符数据类型，所以返回的字符是长度为 1 的字符串。

2、reduce()

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

var numbers = [1, 2, 3, 4];
function getSum(total, num) {
    return total + num;
}
numbers.reduce(getSum);   // 10

• 常用：计算数组元素的和
• 说明：reduce() 对于空数组是不会执行回调函数的。

注：JavaScript 方法持续积累中。