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