JavaScript常用数据操作方法

  • length()------数组长度
  • toString()-----将数组转化为字符串,并且用逗号分开
    let numbers = ['1','2','3']; console.log(numbers.toString()); //1,2,3

  • join()---- 将数组转化为字符串,可以添加灵活符号分隔开;
    let numbers = ['1','2','3']; console.log(numbers.join("-")); //1-2-3

  • concat()----将两个数组组合到一起,返回一个新数组
    let arr1 = ['1','2','3']; let arr2 =['4','5','6']; let arr3 = arr1.concat(arr2); console.log(arr3); //['1', '2', '3', '4', '5', '6']

  • push()---将数据元素添加到数组的末尾,并修改原始数组
    let arr1 = ['1', '2', '3']; let num ='4'; arr1.push(num); console.log(arr1); //['1', '2', '3', '4']

  • pop()---删除数组元素的最后一项,改变原始数组
    let arr1 = ['1', '2', '3']; arr1.pop(); console.log(arr1); //['1', '2']

  • shift()---将数据元素添加到数组的开头,并修改原始数组
    let arr1 = ['1', '2', '3']; let num = '0'; arr1.unshift(num); console.log(arr1); // ['0', '1', '2', '3']

  • splice()----通过删除现有元素或者添加新元素来更改一个数组的元素,修改数组本身。
    《JavaScript权威指南》:该方法可以从数组中删除元素,可以向数组中插入新元素,也可以同时执行上述两个操作,位于插入或删除点之后的元素的索引会按照需要增大或者减少,从而与数组剩余部分保持连续。splice()的第一个参数指定插入或者删除操作的起点位置。第二个参数指定要从数组删除的元素个数。如果省略第二个参数,从起点元素开始的所有元素都会被删除。
    array.splice(start) array.splice(start, deleteCount) array.splice(start, deleteCount, item1, item2, ...) //其中start是修改开始的位置,deleteCount是从start开始删除多少内容,其余的参数如果有的话就表示在start这个位置插入对应的元素

    举例说明
    let arr1 = [1, 2, 3, 4, 5]; arr1.splice(4); console.log(arr1); //[1, 2, 3, 4]arr1.splice(1, 2); console.log(arr1); // [1, 4]arr1.splice(1, 1); console.log(arr1); //[1]let arr1 = [1, 2, 3, 4, 5]; arr1.splice(2,2,'a','b'); console.log(arr1); //[1, 2, 'a', 'b', 5]

  • slice()---array.slice(start, end),用来复制(截取)数组给定部分,并将复制(截取)的数组作为新数组返回,原数组不会发生改变。
    let arr1 = [1, 2, 3, 4, 5]; let arr2 = arr1.slice(1, 3); console.log(arr1); //[1, 2, 3, 4, 5] console.log(arr2); // [2, 3]

  • 【JavaScript常用数据操作方法】split() ---将字符串分隔成子串并它们作为数组返回,不改变原字符串。
    let str = "abcdef"; let str2 =str.split(); console.log(str2); //['abcdef']let str = "hello,world!"; let result = str.split(','); console.log(result); //['hello', 'world!']

  • indexOf(),在数组中执行查找,如果找到返回所查找元素所在位置的索引(数组下标),否则返回-1。
    let arr = [1, 2, 3, 4, 5]; let num = arr.indexOf(3); console.log(num); //2num = arr.indexOf(6); console.log(num); //-1

  • lastIndexOf()---返回所找到数据的最后一个索引
    let arr = [1, 2, 3, 4, 3]; let num = arr.lastIndexOf(3); console.log(num); //4

  • filter()---筛选满足条件的数据,返回一个新数组
  • map()---通过操作数组中的值来穿创建一个新数组
  • reduce()---适用于计算总计的值
  • forEach()---用于迭代数组
  • every()---检查数组的中的值是否都满足条件,满足返回true,不满足返回false
  • some()---检查数组中的元素(一个或者多个)是否满足指定条件,如果满足返回true,不满足返回false
  • includes()----检查数组中是否包含某个元素

    推荐阅读