findIndex()
用于找出第一个符合条件的数组成员的位置,如果没有找到返回 -1。
对于数组中的每个元素,findIndex方法都会调用一次回调函数(采用升序索引顺序),直到有元素返回 true。只要有一个元素返回 true,findIndex 立即返回该返回 true 的元素的索引值。如果数组中没有任何元素返回 true,则 findIndex 返回 -1。注意:findIndex不会改变数组对象。
let ary = [1, 5, 10, 15];
let resIndex = ary.findIndex((value, index) => value > 9);
console.log(resIndex);
数组原型方法还有以下这些:
join():用指定的分隔符将数组每一项拼接为字符串,默认使用逗号作为分隔符
push():向数组的末尾添加新元素
pop():删除数组的最后一项
shift():删除数组的第一项
unshift():向数组首位添加新元素
slice():按照条件查找出其中的部分元素
splice():对数组进行增删改
concat():用于连接两个或多个数组
indexOf():检测当前值在数组中第一次出现的位置索引
lastIndexOf():检测当前值在数组中最后一次出现的位置索引
includes():判断一个数组是否包含一个指定的值
sort():对数组的元素进行排序,默认排序顺序为升序排列
reverse():对数组进行倒序,反转数组
fill(): 方法能使用特定值填充数组中的一个或多个元素
copyWithin():用于从数组的指定位置拷贝元素到数组的另一个指定位置中
toLocaleString()、toString(): 将数组转换为字符串
flat()、flatMap():扁平化数组
entries() 、keys() 、values():遍历数组
JS遍历数组常用方法总结: 1. for 循环 2. forEach 3. filter 4. map 5. some 6. every 7. for of 循环 8. find 9. findIndex ......
1、普通for循环 ---循环一定的次数
2、for~of ---循环可迭代对象
3、.forEach(function(currentValue,index,arr){})
4、for~in ---循环遍历对象的属性
5、.every(function(currentValue,index,arr){})
6、.map(function(currentValue,index,arr){})
7、.some(function(currentValue,index,arr){})
for 循环,大家在熟悉不过用来遍历数组或者json等对象数组
var arr = [1,2,3];
for(var i = 0; i < arr.length; i++) {
console.log(i +'-'+ arr[i]);
// 0-1
// 1-2
// 2-3
2. forEach 遍历
遍历数组 列出数组的每个元素
va...
第一种:for
循环,也是最常见的
const arr = [11, 22, 33, 44, 55, 66, 77, 88];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
打印结果:
第二种:forEach()
1.)forEach()
遍历普通
数组
const arr = [11, 22, 33, 44, 55, 66, 77, 88];
arr.forEach(item => {
文章目录1:前言2:解决办法2.1:采取this.$set(obj, '属性名', newval)更新对象数据2.2:采取this.$set(数组, 下标index, newval)更新数组数据
最近遇到需要前端自己大量处理数据,通过请求多个接口获取数据再整合展示。例如展示酒店列表吧,我采取的办法是获取酒店列表ID数组,而后通过遍历ID数组并同时将其中的hotelID作为参数发送同步请求获取酒店静态信息并更新到一个存储酒店列表数据的变量数组中,之后还需要在这个变量数组中进行遍历每个酒店的基本房型下
一般来说 我们for
循环调用后端
接口,
数组需要返回的数据填充,但是返回后 发现
数组中的数据并没有
接口返回的数据, 本人在vue项目中就遇到了这个问题,比如
test(arr) {
for (let i = 0; i < (arr.length - 1); i++) {
let url = arr[i].dataUrl;
if (url != null) {
let data = this.getData(url);