专业平台网站建设,网页设计师简历模板,dedecms漏洞,wordpress时间线主题前言
Js中数组是一个重要的数据结构#xff0c;它相比于字符串有更多的方法#xff0c;在一些算法题中我们经常需要将字符串转化为数组#xff0c;使用数组里面的API进行操作。本篇文章总结了一些数组中常用的API#xff0c;我们把它们分成两类#xff0c;一类是会改变原…前言
Js中数组是一个重要的数据结构它相比于字符串有更多的方法在一些算法题中我们经常需要将字符串转化为数组使用数组里面的API进行操作。本篇文章总结了一些数组中常用的API我们把它们分成两类一类是会改变原始数组一类是不会改变原始数组一起来看一下吧。
会改变原数组
Js中数组有一些方法可以直接改变原始数组。
push()
push()方法是在数组的末尾添加一个或多个元素并且返回改变后数组的长度。
用法
let arr [1, 2, 3, 4, 5]
let res arr.push(6, 7)
console.log(res);//7
console.log(arr);//[1, 2, 3, 4, 5, 6, 7]pop()和shift()
这两个方法都是删除数组中的元素pop()方法是将数组中最后一个元素删除shift()方法是将数组中第一个元素从数组中删除都返回删除的那一项。
用法
let arr [1, 2, 3, 4, 5]
let res arr.pop()
console.log(res);//5
console.log(arr);//[ 1, 2, 3, 4 ]let res2 arr.shift()
console.log(res2);//1
console.log(arr);//[ 2, 3, 4 ]unshift()
unshift()方法向数组的开头添加一个或多个元素并且返回改变后数组的长度。
用法
let arr [1, 2, 3, 4, 5]
let res arr.unshift(0, 11)
console.log(res);//7
console.log(arr);//[ 0, 11, 1, 2, 3, 4, 5]
splice()
splice()方法添加或删除数组中的元素有返回值以数组形式返回删除的元素没有删除则返回空数组。
用法splice可以接收三个参数, splice(index, n, x)
index: 要删除或插入元素的位置, 该参数是必需的。
n: 要删除的元素个数, 如果不想删除任何元素, 可以将该参数设置为0。
x:要插入到数组中的新元素,可以是多个x1,x2,x3...如果不想插入任何元素,则可以省略这些参数。
let arr [1, 2, 3, 4, 5]
let res arr.splice(1, 2, 6, 7, 8)
console.log(res);//[ 2, 3 ]
console.log(arr);//[ 1, 6, 7, 8, 4, 5 ]let res2 arr.splice(1, 0, 8)
console.log(res2);//[]
console.log(arr);//[1, 8, 6, 7, 8, 4, 5]
sort()
sort()方法可以对数组的元素进行排序并且返回出排序后的数组。
用法sort()默认为升序排列。 直接写sort()只能处理10以内的数字排序,处理10以上的我们需要传递一个参数这个参数必须是函数函数通过返回一个值来决定这两个值需不需要交换位置。 如果a-b 0,则a和b交换位置。 let arr [10, 12, 11, 19, 13, 15, 6];let res1 arr.sort(function (a, b) { return a - b; }); //实现由小到大
console.log(res1);//[6, 10, 11, 12,13, 15, 19]
let res2 arr.sort(function (a, b) { return b - a; }) //实现由大到小
console.log(res2);//[19, 15, 13, 12,11, 10, 6]
reverse()
reverse()方法可以颠倒数组中元素的顺序并且返回颠倒后的数组。
用法
let arr [1, 2, 3, 4, 5]
let res arr.reverse()
console.log(res);//[ 5, 4, 3, 2, 1 ]
console.log(arr);//[ 5, 4, 3, 2, 1 ]不会改变原数组
Js中数组有一些方法不会直接改变原始数组会返回出一个新的数组。
slice()
slice() 方法可提取数组的某些元素并以新的数组返回被提取的元素。
用法slice(n,m) 从索引n包含n开始找到索引m(不包含m)处。把找到的内容作为一个新的数组返回原有数组是不改变的。
let arr [1, 2, 3, 4, 5]
let res arr.slice(2, 4)
console.log(res);//[ 3, 4 ]
console.log(arr);//[ 1, 2, 3, 4, 5 ]
slice(n)// 从索引n包含n开始找到末尾
slice(0) // slice() 将原来数组原封不动的复制一份concat()
concat ()方法用于连接两个或多个数组该方法不会改变现有的数组而仅仅会返回被连接数组的一个副本。
用法
let arr1 [1, 2, 3, 4, 5]
let arr2 [7, 8]
let res arr1.concat(arr2)
console.log(res);//[ 1, 2, 3, 4, 5, 7, 8]
console.log(arr1);//[ 1, 2, 3, 4, 5 ]
console.log(arr2);//[ 7, 8 ]filter()
filter()用于对数组进行过滤。
用法它创建一个新数组新数组中的元素是通过检查指定数组中符合条件的所有元素。其中函数function 为必须数组中的每个元素都会执行这个函数。且如果返回值为true则该元素被保留函数可以接受三个参数item, index, arr第一个参数item也为必须代表当前元素的值第二个参数为当前元素的索引值第三个参数为数组本身。
const arr [{ name: song, age: 18 },{ name: Y, age: 19 },{ name: son, age: 20 },{ name: so, age: 21 }
]
const newArr arr.filter((item, index, arr) {return item.age 19
})console.log(newArr);//[ { name: son, age: 20 }, { name: so, age: 21 } ]
console.log(arr);//[ { name: song, age: 18 },{ name: Y, age: 19 },//{ name: son, age: 20 }, { name: so, age: 21 }]
forEach()
forEach()方法用于调用数组的每个元素并将元素传递给回调函数。
用法回调函数中可以接受三个参数item,index,arr第一个参数item也为必须代表当前元素的值第二个参数为当前元素的索引值第三个参数为数组本身。
const arr [{ name: song, age: 18 },{ name: Y, age: 19 },{ name: son, age: 20 },{ name: so, age: 21 }
]
arr.my_forEach((item, index, arr) {console.log(item.age);//18 19 20 21
})console.log(arr);//[ { name: song, age: 18 }, { name: Y, age: 19 },//{ name: son, age: 20 },{ name: so, age: 21 } ]
toString
toString 把数组中的每一项拿出来用逗号隔开组成字符串原有数组不变。
用法
let arr [song, Y, son, so]
let res arr.toString()
console.log(res);//song,Y,son,so
console.log(arr);//[ song, Y, son, so ]join(分隔符
join(分隔符 把数组中的每一项拿出来用指定的分隔符隔开原有数组不变。
用法
let arr [song, Y, son, so]
let res arr.join(,)
console.log(res);//song,Y,son,so
console.log(res.length);//13
console.log(arr);//[ song, Y, son, so ]
console.log(arr.length);//4小结
Js中数组的方法不只这么一些比如还有一些遍历的方法:map,reduce,find,every等等我们需要知道。好了本篇文章到这就结束了希望对你有帮助。
