数组的常用方法
数组是一个存储结构(可以进行增删改查操作)
添加(add push append...)
栈方法(先进后出 后进先出)push入栈 pop出栈操作
push方法(添加到最后一个)
var arr = [1 ]
arr.push( 10 )
console.log(arr) // [1,10]
unshift方法(添加到第一个)
var arr = [1 ]
arr.unshift( 10 )
console.log(arr) // [10,1]
删除 (delete(硬删) remove(软删)..)
栈方法
var arr = [1,2,3 ]
arr.pop() // 下标不写的 console.log(arr) // [1,2]
shift方法(删除第一个)
var arr = [1,2,3 ]
arr.shift()
console.log(arr) // [2,3]
修改 (replace替换 update 更新)
// 改变原本的数组 var arr = [1,2,3,4,8 ] var arr1 = arr.reverse(); // 返回一个数组 这个数组就是反转后的数组 arr1.unshift(10) // 返回的反转后的数组其实就我们原本的数组 console.log(arr) // 反转后的结果 [8,4,3,2,1] console.log(Object.is(arr1,arr)); // true
排序 sort
// sort方法排序 //默认情况下他是根据第一个字符的ACSII码进行排序 (ACSII码排序) var arr2 = [15,20,11,4,5 ]
arr2.sort() // 返回一个数组 这个数组是排序好的数组 他跟上面一样 就是返回的这个数组其实就是原本的数组 console.log(arr2); // sort 其实是一个高阶函数 高阶函数就是里面用函数做为参数的函数 var arr3 = [15,20,11,4,5 ]
arr3.sort( function (a,b){ // 1 和 -1来进行大小区分和排序规则 return b-a // a-b是正序 b-a就倒序 })
console.log(arr3);
concat (连接)
// 不会影响原本数组的方法 返回新的数组 var arr = [1,2,3,4 ] var arr1 = [1,2,3,4 ] var arr2 = [1,2,3,4 ] var arr3 = [1,2,3,4 ] // concat 连接 把多个数组变成一个数组 返回 ...扩展运算符 打开数组取出里面的值(...证明可以写任意个) ? 表示可写可不写 var newArr = arr.concat(arr1,arr2,arr3)
console.log(newArr);
slice (截取)
// slice 切片 把一个数组里面东西提出 返回的新的数组 var sliceArr = arr.slice() // 全切 console.log(sliceArr); var sliceArr1 = arr.slice(0) // 从0开始切到最后 如果下标不存在返回一个空数组 console.log(sliceArr1); var sliceArr2 = arr.slice(2,3) // 包含结束的下标 包含开始的下标 console.log(sliceArr2);
// splice会影响之前的数组 删除 截取 插入 var arr = [12,13,45 ] // 参数 开始位置 删除的个数(可以写可以不写 数组的length) 返回一个新的数组 // var newArr = arr.splice(0) //从开始删 // console.log(newArr); console.log(arr); var newArr = arr.splice(1,2) // 从开始删 console.log(newArr); // 获取删除的内容 其实就截取里面的内容(不足是会改变之前的数组)
split(原数组不受影响)
该方法是用过指定的分隔符,将字符串分割成数组。
返回值:返回一个新的数组
let str = wqz- ttj;
let arr = str.split('-' );
console.log(arr); // arr=['wqz','ttj'];
查找元素在数组中出现的位置
indexOf
该方法用来查找元素在数组中第一次出现的位置
结构: arr.indexOf(元素)
特殊用法:
(1) arr.indexOf (ele,fromIndex),从fromIndex这个下标开始,元素第一次出现的位置
用来判断元素是否存在于数组中!
if (arr.indexOf(ele) === -1){ // 说明元素不存在!! console.log(' 元素不存在!)
} else {
console.log( ' 元素存在! ' )
}
lastIndexOf
1. forEach( )
该方法等同于for循环,没有返回值
用法:
arr.forEach( function (item,index,arr){ // 里面的function是一个回调函数, // item: 数组中的每一项; // index:item 对应的下标索引值 // arr: 就是调用该方法的数组本身 })