数组的方法,我记性不好所以来总结记一下!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/Red_sevenWord/article/details/89637222

时常会因为需要用到某个方法,但是却忘记了怎么写。可能掉头发的同时记性也掉了吧,那就索性来记录一下数组的方法,当是做一遍笔记——好记性不如烂笔头。
数组的方法很多,但是常用的也就那几个:

  • push: 往数组尾部添加一个或多个元素,返回数组新的长度
  • pop:删除数组最后一个元素,返回删除的元素
  • unshift:往数组开头添加一个或多个元素,返回数组新的长度
  • shift:删除数组第一个元素,返回删除的元素
  • sort:将数组中的元素排序,并返回排序后的数组 。默认以字符串的排列方式(转换成ASCII码进行对比)
  • reverse:将数组中的元素颠倒顺序,返回逆序后的数组
  • slice(start,end):返回数组的片段或子数组,从start开始到end(不包括end所对应的元素),如果省略end参数,则截取到数组的最后一项
  • splice(start,deleteNum,…items):在数组中插入、删除、替换的通用方法。start:起始索引位置;deleteNum:要删除的数量;items:插入的元素(可以是多个)
  • join(separator) 返回字符串值,其中包含了连接到一起的数组的所有元素,separator为分隔符,默认为逗号
  • concat() 返回一个新数组,这个新数组是由调用这个方法的数组和参数组成,参数可以是多个,可以用来处理对数组的复制或者合并
  • 字符串转换为数组 arr.split(",");括号内是指分割符号或者字词
  • 数组转换为字符串arr.join(",");
  • 以下的列子都是单独得出的结果,不是直接执行所有代码。注释其余的只保留一个得出对应结果
var arr = [1,2,3]
arr.push(99)
console.log(arr) // [1,2,3,99]

arr.pop()
console.log(arr) // [1,2]

arr.unshift(80,90)
console.log(arr) // [80, 90, 1, 2, 3]

arr.shift()
console.log(arr) // [2, 3]

arr.sort()
console.log(arr) // [1, 2, 3]

arr.reverse()
console.log(arr) // [3, 2, 1]

var res = arr.slice(1,3)
console.log(res,arr) // [2, 3],[1, 2, 3]原数组不发生改变

arr.splice(0,0,"a")
console.log(arr) // ["a", 1, 2, 3]
arr.splice(arr.length,0,"b")
console.log(arr) // [1, 2, 3, "b"]
arr.splice(1,1,"b""c")
console.log(arr) //  [1, "b", "c", 3]

var  res = arr.join()
console.log(res) // 1,2,3

var arr1 = [9,8,7]
var arrres = arr.concat(arr1,55)
console.log(arrres) // [1, 2, 3, 9, 8, 7, 55]

var copyarr = [11,22,33]
var copy1 = [44]
var copy2 = [55,66]
var copy = copyarr.concat() // 复制数组
var copy = [...copyarr] // 复制数组es6
var copy = copyarr.concat(copy1,copy2) // 合并数组
var copy = [...copyarr,...copy1,...copy2] // 合并数组es6

var arr = "a,b,c,d";
var newArry = arr.split(",");
console.log(newArry);   //["a", "b", "c", "d"]

var arr = ['a','b','c','d'];
var a = arr.join(",");
console.log(a);  // a,b,c,d

到此大概就是这么多,又更新了字符串和数组互转

猜你喜欢

转载自blog.csdn.net/Red_sevenWord/article/details/89637222