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():去掉字符串首位的空格

你可能感兴趣的:(javascript相关,javascript,字符串)