JavaScript数组和字符串的常用方法

1. 数组的常用方法总结

• forEach()：为数组中的每个元素执行一次回调函数

var arr = [1,2,3]
arr.forEach((i, index, arr) => {
    console.log(`${index}: ${i}`)
})

• map()：返回一个由回调函数的返回值组成的新数组。

var a = [1,2,3].map(function(i, index) {
    return i+1
})
console.log('a: ', a) // a:  [ 2, 3, 4 ]

• includes()：判断当前数组是否包含某指定的值，如果是返回 true，否则返回 false。

var a = [1,2,3].includes(1)
console.log('a: ', a) // true
var b = [1,2,3].includes(1, 1) // 可传入第二个参数，表示从什么位置开始查找
console.log('b: ', b) // false

• every()：如果数组中的每个元素都满足测试函数，则返回 true，否则返回 false

*注意：若收到一个空数组，此方法在一切情况下都会返回 true

var a = [1,2,10,5].every(function(i, index) {
    return i < 10
})
console.log(a) // false

• some()：如果数组中至少有一个元素满足测试函数，则返回 true，否则返回 false。

• filter()：所有在过滤函数中返回 true 的数组元素放进一个新数组中并返回。(注意: filter()的返回值是一个新数组，该方法经常用来做数组元素筛选，很常用)

var a = [1,2,3,10].filter(function(i, index) {
    return i < 10
})
console.log(a) // [ 1, 2, 3 ]

• indexOf()：返回数组中第一个与指定值相等的元素的索引，如果找不到这样的元素，则返回 -1。(该方法经常用来做数组去重)

//数组去重
var a = [1,6,5,45,6,8,1,5]
var b = []
for( var i = 0; i < a.length; i++) {
   if(b.indexOf(a[i]) == -1 ){
   b.push(a[i])
   }
}
console.log(b)   // [1,6,5,45,8]
//循环结束  数组 b 的值就是数组 a 里面的去重的元素

2. 数组会修改自身的一些方法

注意：以下这些方法的返回值要记清楚

• push()：在数组的末尾增加一个或多个元素，并返回数组的新长度
• unshift()：在数组的开头增加一个或多个元素，并返回数组的新长度
• pop()：删除数组的最后一个元素，并返回这个元素
• shift()：删除数组的第一个元素，并返回这个元素
• reverse()：颠倒数组中元素的排列顺序，并返回该数组
• sort()：对数组元素进行排序，并返回当前数组

var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
    return a - b;
});
console.log(numbers); // [ 1, 2, 3, 4, 5 ]

• splice(start,deleteCount,item(可以省略))：在任意的位置给数组添加或删除任意个元素。可传三个参数：
  1.start：指定修改的开始位置（从0计数）
  2.deleteCount：整数，表示要移除的数组元素的个数。
  3.item1, item2, …：要添加进数组的元素,从start 位置开始。如果不指定，则 splice() 将只删除数组元素

• join()：返回连接所有数组元素组成一个字符串（数组转化为字符串的一种方法）

• slice()：抽取当前数组中的一段元素组合成一个新数组。（浅拷贝）

• lastIndexOf()：返回数组中最后一个（从右边数第一个）与指定值相等的元素的索引，如果找不到这样的元素，则返回 -1。

• Array.isArray()：判断某个变量是否是一个数组对象，是返回true，不是返回false

• Array.from()：从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例

3. 字符串的常用方法

• indexOf()：返回指定子字符串在字符串中首次出现的索引值，如果没有找到则返回-1。大小写敏感。
• lastIndexOf()：返回指定字符串在字符串中最后出现的索引值，如果没有找到则返回-1。大小写敏感
• concat()：连接两个字符串文本，并返回一个新的字符串。
• includes()：判断一个字符串里是否包含其他字符串。
• split()：通过分离字符串成字串，将字符串对象分割成字符串数组(字符串转化为数组的一种方法)

var str = 'aege6';
var newstr = str.split('');
console.log(newstr);//["a", "e", "g", "e", "6"]

• substring(indexStart, indexEnd)：返回一个字符串在开始索引到结束索引之间的字符串。省略indexEnd，则提取字符一直到字符串末尾。(indexEnd的值是取不到的)

var str = 'aege6';
var newstr = str.substring(0,2);
console.log(newstr);//ae

• substr(indexStart,length):返回一个字符串在指定位置截取指定长度的字符串

var str = 'aege6';
var newstr = str.substr(0,3)
console.log(newstr);//aeg

• slice()：截取字符串的某个部分，返回被提取的部分。与substring的区别：substring() 不接受负的参数
• toLowerCase() & toUpperCase()：把字符串转换为小写/大写。
• toString()：返回用字符串表示的特定对象
• trim()：去掉字符串首位的空格