0%

javascript_数组的常用方法

javascript_数组的常用方法:

img

1. push()方法:将数据追加到数组的末尾:

1.push()
语法:数组.push(数据)
作用:将数据 <追加> 到数组的 <末尾>
返回值:追加数据后数组的 <最新的长度>

例如:
var arr = [100, 200, 300, 400] //准备一个原始数组
console.log(arr) //第一次输出arr
res = arr.push('追加的') //使用方法push
console.log(arr) //第二次输出arr
console.log(res) //输出res

输出结果:
第一次arr: [100, 200, 300, 400]
第二次arr: [100, 200, 300, 400, '追加的']
res返回值: 5

2. pop()方法:删除数组的最后一个数据:

2.pop()
语法:数组.pop() //可以不用传递参数
作用:删除数组的 <最后一个> 数据
返回值:被删除的数据

例如:
var arr = [100, 200, 300, 400] //准备一个原始数组
console.log(arr) //第一次输出arr
res = arr.pop() //使用方法pop
console.log(arr) //第二次输出arr
console.log(res) //输出res
输出结果:
第一次arr: [100, 200, 300, 400]
第二次arr: [100, 200, 300]
res返回值: 400

3. unshift()方法: 将数据添加到数组的 <最前面> :

3.unshift()
语法:数组.unshift(数据)
作用:将数据 <添加> 到数组的 <最前>
返回值:添加数据后数组的 <最新长度>

例如:
var arr = [100, 200, 300, 400] //准备一个原始数组
console.log(arr) //第一次输出arr
res = arr.unshift('添加的') //使用方法unshift
console.log(arr) //第二次输出arr
console.log(res) //输出res

输出结果:
第一次arr: [100, 200, 300, 400]
第二次arr: ['添加的',100, 200, 300, 400]
res返回值: 5

4. shift()方法: 删除数组 <最前一个> 数据:

4.shift()
语法:数组.shift()
作用: 删除数组 最前一个 数据
返回值 :被删除的数据


例如:
var arr = [100, 200, 300, 400] //准备一个原始数组
console.log(arr) //第一次输出arr
res = arr.shift() //使用方法shift
console.log(arr) //第二次输出arr
console.log(res) //输出res

输出结果:
第一次arr: [100, 200, 300, 400]
第二次arr: [200, 300, 400]
res返回值: 100

5. reverse()方法: 反转数组:

5.shift()
语法:数组.reverse()
作用: 将数组反转
返回值 :反转后的数组


例如:
var arr = [100, 200, 300, 400] //准备一个原始数组
console.log(arr) //第一次输出arr
res = arr.reverse() //使用方法reverse
console.log(arr) //第二次输出arr
console.log(res) //输出res

输出结果:
第一次arr: [100, 200, 300, 400]
第二次arr: [400, 300, 200, 100]
res返回值: [400, 300, 200, 100]

6. splice()方法: 删除 数组中若干数据,并选择是否插入新的数据:

img


7. sort()方法: 对数组排序:

7.sort()
语法:数组.sort()
数组.sort( function (a,b) { return a - b } ) 升序
数组.sort( function (a,b) { return b - a } ) 降序
作用: 将数组进行 排序
返回值 :排序好的 新数组


例如:
var arr = [11, 1, 22, 13, 45, 32, 2] //准备一个原始数组
console.log(arr) //第一次输出arr
res = arr.sort() //使用方法reverse
console.log(arr) //第二次输出arr
console.log(res) //输出res

输出结果:
第一次arr: [11, 1, 22, 13, 45, 32, 2]
第二次arr: [1, 11, 13, 2, 22, 32, 45]
res返回值: [1, 11, 13, 2, 22, 32, 45]

8. join()方法: 将数组链接成字符串:

8.join()
语法:数组.join(连接符)
作用: 将数组用 <连接符> 链接成为一个 <字符串>
返回值 :链接好的 字符串

9. concat()方法: 将数组链接成字符串:

9.concat()
语法:数组.concat(其他数组)
作用: 将其他数组和数组 <拼接> 在一起
返回值 :拼接好的 新数组

例如:
var arr = [100, 200, 300, 400] //准备一个原始数组
console.log(arr) //第一次输出arr
var res = arr.concat( [500, 600] )
console.log(arr) //第二次输出arr
console.log(res) //输出res

输出结果:
第一次arr: [100, 200, 300, 400]
第二次arr: [100, 200, 300, 400] 原始数据不发生变化
res返回值: [100, 200, 300, 400, 500, 600] 返回值 新拼接好的数组

10. slice()方法: 截取数组:

10.slice()
语法:数组.slice(开始索引, 结束索引) //当不传递参数,默认返回所有数据 当传递一个参数 默认是从第几个数据开始截取
开始索引: 默认是0,
结束索引: 默认是 数组长度
作用: <截取> 数组中的某些数据
返回值 :以 <新数组> 的形式返回截取出来的数据

例如:
var arr = [100, 200, 300, 400] //准备一个原始数组
console.log(arr) //第一次输出arr
var res = arr.slice( 1, 3)
console.log(arr) //第二次输出arr
console.log(res) //输出res

输出结果:
第一次arr: [100, 200, 300, 400]
第二次arr: [100, 200, 300, 400] 原始数据不发生变化
res返回值: [200, 300] // 返回值 截取后的新数组

11. indexOf()方法: 查找 <数据> 在数据中的索引位置:

11.indexOf()
语法:数组.indexOF(数据)
作用: 查找 <数据> 在数组中的 <索引> 位置
返回值 :
有该数据, 返回 <第一次出现> 的索引位置
没有该数据, 返回 -1

例如:
var arr = [100, 200, 300, 200] //准备一个原始数组
console.log(arr) //第一次输出arr
var res = arr.indexOf( 200 )
console.log(arr) //第二次输出arr
console.log(res) //输出res

输出结果:
第一次arr: [100, 200, 300, 200]
第二次arr: [100, 200, 300, 200] 原始数据不发生变化
res返回值: 1 返回值 返回该数据在列表中的索引位置

12. forEach()方法: 将数组链接成字符串:

12.forEach()
语法:数组.forEach( function (item, index, arr) {})
数组.forEach( function (数据, 索引, 数组) {执行内容})
作用: 遍历数组
返回值 :没有返回值

例如:
var arr = [100, 200, 300, 400] //准备一个原始数组
console.log(arr) //第一次输出arr
arr.forEach( function (item, index, arr) {
console.log(item); //输出数据
console.log(index); // 输出索引
console.log(arr); //输出列表
console.log('------------------------------')
})

13.map()方法: 映射数组

13.map()
语法:数组.map( function (item, index, arr) {})
作用: 映射数组
返回值 :映射后的 <新数组>

例如:
var arr = [100, 200, 300, 400] //准备一个原始数组
console.log(arr) //第一次输出arr
var res = arr.map( function (item, index, arr) {
return item*10 //每一项都 乘以 10
})
console.log(res)

输出结果:
第一次arr: [100, 200, 300, 400]

res返回值: [1000, 2000, 3000, 4000] 返回值 新拼接好的数组

14.fileter()方法: 过滤 数组:

14.fileter()
语法:数组.fileter( function (item, index, arr) {} )
作用: 过滤数组
返回值 :过滤后的 新数组

例如:
var arr = [100, 200, 300, 400] //准备一个原始数组
console.log(arr) //第一次输出arr
var res = arr.filter( function (item, index, arr) {
return item > 150
})
console.log(res)

输出结果:
第一次arr: [100, 200, 300, 400]
res返回值: [200, 300, 400] 返回值 所有满足 大于150的项 列表

15. every()方法: 判断数是不是 每一项 都满足条件:

15.every()
语法:数组.every( function (item, index, arr) {} )
作用: 判断数是不是 每一项 都满足条件
返回值 :一个布尔值

例如:
var arr = [100, 200, 300, 400] //准备一个原始数组
console.log(arr) //第一次输出arr
var res = arr.every( function (item, index, arr) {
return item > 150
})
console.log(res)

输出结果:
第一次arr: [100, 200, 300, 400]
res返回值: false // 返回值 布尔值 数组里面不是每一项都大于150

16. some()方法: 判断数组中是不是有某一项满足条件:

15.every()
语法:数组.every( function (item, index, arr) {} )
作用: 判断数组中 是不是有 某一项 满足条件
返回值 :一个布尔值

例如:
var arr = [100, 200, 300, 400] //准备一个原始数组
console.log(arr) //第一次输出arr
var res = arr.some( function (item, index, arr) {
return item > 150
})
console.log(res)

输出结果:
第一次arr: [100, 200, 300, 400]
res返回值: true // 返回值 布尔值 数组里面不是每一项都大于150