JavaScript-基础03-数组常用方法

1. join()

join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

arrayObject.join(separator)

返回值：

返回值
返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。

<script type="text/javascript">
    var arr = ["wwm","age","123"]
    // 默认
    console.log(arr.join())

    // 以-分隔
    console.log(arr.join("-"))
  </script>

push()和unshift()

push和unshift都可以向数组里面添加数据，其中push在数组最后添加，而unshift在数组开头添加

push()方法（返回新数组长度）

该方法是向数组末尾添加一个或者多个元素，并返回新的长度。
push()方法可以接收任意数量的参数，把它们逐个添加到数组的末尾，并返回修改后数组的长度。

  <script type="text/javascript">
    var arr = ["wwm","age","123"]
    console.log("原来数组")
    console.log(arr)

    console.log("添加后长度---"+ arr.push("吾命"))
    console.log(arr)
  </script>

unshift()方法（返回新数组长度）

unshift()方法是向数组的开头添加一个或多个元素，并且返回新的长度。

  <script type="text/javascript">
    var arr = ["wwm","age","123"]
    console.log("原来数组")
    console.log(arr)

    console.log("添加后长度---"+ arr.unshift("wuming"))
    console.log(arr)
  </script>

pop()和shift()

pop和shift都可以删除数组里面的数据，其中pop删除最后一个数据，而shift删除数组第一个数据

pop()方法（返回删除的元素值）

pop()方法刚好和push()方法相反。pop()方法删除数组的最后一个元素，把数组的长度减1，并且返回它被删除元素的值，如果数组变为空，则该方法不改变数组，返回undefine值。如下代码演示：

<script type="text/javascript">
    var arr = ["wwm","age","123"]
    console.log("原来数组")
    console.log(arr)

    console.log("删除的元素---"+ arr.pop())
    console.log(arr)
  </script>

shift()方法（返回删除的元素值）

shift()方法和unshift()方法恰恰相反。该方法用于把数组的第一个元素从其中删除，并返回被删除的值。如果数组是空的，shift()方法将不进行任何操作，返回undefined的值。

<script type="text/javascript">
    var arr = ["wwm","age","123"]
    console.log("原来数组")
    console.log(arr)

    console.log("删除的元素---"+ arr.shift())
    console.log(arr)
  </script>

reverse()方法(返回新数组，改变原数组)

reverse方法是将数组中的元素的顺序进行反转，在原数组上操作，然后返回原数组。

<script type="text/javascript">
    var arr = ["wwm","age","123"]
    console.log("原来数组")
    console.log(arr)
    arr.reverse()
    console.log("返回数组")
    console.log(arr)
  </script>

concat()方法（放回新数组，不改变原数组）

concat() 方法用于连接两个或多个数组。
该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

<script type="text/javascript">
    var arr = ["wwm","age","123"]
    var arr2 = ["数组二"]

    var arr3 = arr.concat(arr2);
    console.log("返回数组arr")
    console.log(arr)
    console.log("返回数组arr2")
    console.log(arr2)
    console.log("返回数组arr3")
    console.log(arr3)
  </script>

slice()方法

slice() 方法可从已有的数组中返回选定的元素。

indexOf()和lastIndexOf()方法

ndexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

indexOf()

参数一： 必需。规定需检索的字符串值。
参数二： 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。

lastIndexOf()

参数一： 必需。规定需检索的字符串值。
参数二： 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的最后一个字符处开始检索。

<script type="text/javascript">
    var arr = ["wwm","age","wwm","123"]

// 从前面开始找，找到返回找到的第一个index
   var newArr = arr.indexOf("wwm");//返回0

  //  从后开始找，找到返回找到的第一个index
   var newArr = arr.lastIndexOf("wwm");//返回2 
  </script>

截取字符串中的某段字符串

<script type="text/javascript">
    var arr = "http://www.baidu.com?name=wwm&age=90&id=12"
// 从前面开始找，找到返回找到的第一个index
   var newArr = arr.indexOf("?");//返回0
   var newStr = arr.substring(newArr+1);
  console.log(newStr);//name=wwm&age=90&id=12
  </script>

substr( ) 和 substring( )的区别

substr(start [, length] )：返回一个从指定位置开始的指定长度的子字符串。

substring(start，end )：返回位于String对象中指定位置的子字符串。

内容仅供学习参考，若有错误欢迎大家指正----WUCASE