js的indexOf方法

一、数组调用

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) // 3let 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

三、应用例子

可以实现多项选择

<template><div class="biaoqian"><button v-for="(item,index) in biaoqianList" :key='index' class="btn" type="default" size="mini":class="{'active': isChange.indexOf(index)!=-1}" @click="clickBtn(index)">{{item}}</button></div>
</template>
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]])// }},}
}<style lang="less">.biaoqian{display: flex;justify-content: start;align-items: center;.active{background-color: #76d2f4 ;color: white;    }.btn{border:0.01px solid #76d2f4;background-color:white ;color: #76d2f4;}}
</style>

js的indexOf方法相关推荐

JS对象 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
返回指定的字符串首次出现的位置 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置. 语法 stringObject.indexOf(substring, startpos) 参 ...
js中indexOf方法传递对象作为参数
var person = {name:'ron'}; //undefined var people = [{name:'ron'}]; //undefined typeof(people[0]); / ...
js利用indexof方法实现数组去重
var arr = [1, 2, 1, 4, 3, 4, 2, 6, 8];var newArr=[];for(var i = 0; i < arr.length; i++) {if(newAr ...
js利用indexOf方法找到字符串中某个字母出现的位置和次数
1. 思路题目: 从字符串"abcdieaopqrsaea"中找到所有a出现的位置及次数先找到第一个a出现的位置: 判断indexOf的结果,不是-1就继续往后查找后面查找时 ...
php 数组 indexof,详解js中字符串和数组的indexof方法
javascript:里判断字符串是否包涵某个子字符串时,我们经常会遇到indexOf这个方法.但是你可知道,indexOf不仅仅可以用在字符串里,还可以用在数组里. 首先我们来认识一下indexOf ...
JS模糊查询indexOf方法
js使用实现模糊查询模糊查询可以减少对接口的请求,减少服务器压力,直接在获取到的数组数据中按要求查找, 通过循环来查找对应的信息,并返回序号,然后将返回序号的信息,push到一个新的数组,这样做是防 ...
JS中的indexOf方法
indexOf()简介 indexOf()是js中内置的方法之一,它的功能大家都很熟悉:简单来说就是得到数据的索引,对于正则不熟练的人,是个很不错的方法. 如果查询到返回索引,反之返回-1(固定用法) ...
js中数组indexOf方法的使用和实现
js中数组indexOf方法的使用和实现 IndexOf方法定义 indexOf()方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1. IndexOf方法语法 arr.inde ...
js中的contains方法和indexOf方法
js中的contains方法不能判断字符串是否包含中文,只能判断英文,如果需要判断是否包含中文,只能用indexOf方法!!!

js的indexOf方法

js的indexOf方法相关推荐

最新文章

热门文章