目录
一、数组调用
二、字符串调用
三、应用例子
一、数组调用
indexOf() 方法可返回数组中某个指定的元素位置。
该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。
如果在数组中没找到指定元素则返回 -1。
//语法
// array.indexOf(item,start)
//item 必须 要查找的元素的位置，
//start 非必须可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。
let food= ["番茄", "胡萝卜", "排骨", "苹果"];
let a = food.indexOf("苹果");
console.log(a) // 3
let b= food.indexOf("香蕉");
console.log(b) // -1
二、字符串调用
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
区分大小写
如果要检索的字符串值没有出现，则该方法返回 -1。
//语法
//string.indexOf(value,start)
// value 必须 要查找的元素的位置
// start 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 string.length - 1。如省略该参数，则将从字符串的首字符开始检索。
let str="Hello world!";
console.log(str.indexOf("Hello"));//0
console.log(str.indexOf("World") );//-1
console.log(str.indexOf("world"));//6
三、应用例子
可以实现多项选择
export default{
data(){
return{
isChange:[], //多选
biaoqianList:['早餐','午餐','晚餐','宵夜'],
foodChose:[]
}
},
methods:{
clickBtn(index){
// 多选
if (this.isChange.indexOf(index) == -1) {
if(this.isChange.length == 4){
uni.showToast({
title:'最多选择四项',
icon:'none'
})
}else{
this.isChange.push(index);//选中添加到数组里
}
} else {
this.isChange.splice(this.isChange.indexOf(index), 1); //取消选中
}
console.log(this.isChange)
// let biaoqianList = []
// for(let index in this.isChange){ //biaoqianList里面的索引重新加入
// biaoqianList.push(this.biaoqianList[this.isChange[index]])
// }
},
}
}
到此这篇关于js的indexOf方法使用的文章就介绍到这了,更多相关js indexOf内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
简单谈谈JS数组中的indexOf方法
js中indexof的用法详细解析
js indexOf()定义和用法
javascript的indexOf忽略大小写的方法
javascript indexOf函数使用说明
JavaScript 不支持 indexof 该如何解决
基于js 字符串indexof与search方法的区别(详解)
JavaScript中的lastIndexOf()方法使用详解
JavaScript使用indexOf()实现数组去重的方法分析