js中的数组对象常用内置方法

js中数组的基本使用

arrayObject.join(separator)方法

参数separator是用户自定义的一个分割符号，这个方法是把数组转成一个字符串，使用用户给定的分割字符进行分隔（隔离），如果不给参数，字符串会把数组的每一项内容用","（逗号）分隔。

arrayObject.concat(arrayX,arrayX,…,arrayX)方法

这个方法这是链接多个数组，传入的参数可以是1个数组或者是多个数组。返回一个新的数组。

arrayObject.pop()方法

这个方法是删除数组中的最后一个元素，并且把删除的元素返回。数组的长度会减少1。

arrayObject.shift()方法

删除数组的第一个元素，并且改变数组的长度，返回删除的元素。

arrayObject.push(newelement1,newelement2,…,newelementX)方法

这个发方法是实现往数组中增加一个元素，数组的长度增加。参数可以是一个或者是多个。

arrayObject.reverse()方法

这个会翻转数组的元素，这个放过发不会产生一个新的数组，而是会直接操作改变原来数组。

arrayObject.unshift(newelement1,newelement2,…,newelementX)

向数组的前面增加元素，改变数组的长度，直接操作原数组。

arrayObject.splice

 /**
   * 第二个参数传入0就是不删除元素
   * 参数1：从哪个角标开始删除元素
   * 参数2：删除几个元素（传0就是不删除元素）
   * 返回包含删除元素的数组
   */
   let arr = [1, 3, 5, 7, 9];
   let newArr = arr.splice(2, 0);
   console.log(arr); //[1, 3, 5, 7, 9]
   console.log(newArr); //[]

  /**
   * 第二个参数传2就是删除两个元素
   */
   let arr = [1, 3, 5, 7, 9];
   let newArr = arr.splice(2, 2);
   console.log(arr); //[1, 3, 9]
   console.log(newArr); //[5, 7]
   /**
 * 只插入元素- 从角标2开始先删除0个元素，并从角标2开始向数组中添加新元素
 * 传入三个参数--原始数组被修改
 * 参数1：从哪个角标开始删除元素
 * 参数2：删除几个元素（传0就是不删除元素）
 * 参数3、4、.....：从参数1的角标开始向数组中添加新元素
 * 返回包含删除元素的数组
 */
 let arr = [1, 3, 5, 7, 9];
 let newArr = arr.splice(2, 0, 10, 20);
 console.log(arr); // [1, 3, 10, 20, 5, 7, 9]
 console.log(newArr); //[]
/**
 * 删除并插入元素
 * 传入三个参数--原始数组被修改
 * 参数1：从哪个角标开始删除元素
 * 参数2：删除几个元素（传0就是不删除元素）
 * 参数3、4、.....：从参数1的角标开始向数组中添加新元素
 * 返回包含删除元素的数组
 */
 let arr = [1, 3, 5, 7, 9];
 let newArr = arr.splice(1, 2, 10, 20, 30);
 console.log(arr); // [1, 10, 20, 30, 7，9]
 console.log(newArr); //[3, 5,]

array.slice(start,end) 返回操作的新数组，旧的数组数据不改变

 /**
   * 获取新数组，内容从arr的角标3开始一直到结尾的所有元素，
   */
  let arr = [1, 3, 5, 7, 9];
  let newArr = arr.slice(3);
  console.log(arr); // [1, 3, 5, 7, 9]
  console.log(newArr); //[7, 9]
  /**
   * 获取新数组，内容从arr的角标3开始角标4结束（不包含角标4元素）
   */
  let arr = [1, 3, 5, 7, 9];
  let newArr = arr.slice(3, 4);
  console.log(arr); // [1, 3, 5, 7, 9]
  console.log(newArr); //[7]