js数组indexof方法

2026-09-17

JS数组中的indexOf方法

前言这两天在家中帮朋友做项目,项目中使用了数组的indexOf 方法,找到了一篇文章,感觉非常不错,顺便整理下以防链接丢失. 相信说到 indexOf 大家并不陌生,判断字符串是否包涵子字符串时特别常用,正则不熟练同学的利器.这篇文章就最近遇到的一个问题,用实例再说说说indexOf方法.本文是小知识点积累,不作为深入讨论的话题,因此这里没有解释indexOf()的第二个参数,相信大家都知道第二个参数的作用. String 类型的使用温习一下大家熟知的字符串用法,举个例子 let str =

浅谈6种JS数组遍历方法的区别

本篇文章给大家介绍一下6种JS数组遍历方法:for.foreach.for in.for of.. each. ().each的区别.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 一.for Javascript中的for循环,它用来遍历数组 var arr = [1,2,3,4] for(var i = 0 ; i< arr.length ; i++){ console.log(arr[i]) } //1,2,3,4 九九乘法表: for ( var x = 1; x <

js数组的方法小结

js中数组是一种非常常用数据结构,而且很容易模拟其他的一些数据结构,比如栈和队列.数组的原型Array.prototype内置了很多方法,下面就来小小总结一下这些方法. 检测数组就不用多说了,使用ECMAScript5新增的Array.isArray()即可转换方法 toLocaleString() toString() join() 和 valueOf() 所有对象都有toLocaleString() toString() 和 valueOf() 方法,其中调用数组的toString()方法

js 数组去重方法汇总

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible"

JS数组遍历方法

常用数组遍历方法: 1.原始for循环 var a = [1,2,3]; for(var i=0;i<a.length;i++){ console.log(a[i]); //结果依次为1,2,3 } 2.数组内置方法Array.prototype.forEach var a = [1,2,3]; a.forEach(function(value,key,arr){ console.log(value) // 结果依次为1,2,3 console.log(key) // 结尾依次为0,1,2 co

再探JS数组原生方法—没想到你是这样的数组

最近作死又去做了一遍javascript-puzzlers上的44道变态题,这些题号称"JS语言专业八级"的水准,建议可以去试试,这里我不去解析这44道题了,网上已经有很多的答案了.我只介绍让我意想不到的几种特殊情况下的数组操作方法结果.关于数组原生方法的基本操作我在另一篇博客里已经做了简介:吃透Javascript数组操作的正确姿势-再读<Js高程>.....下面的输出结果,未做特殊说明是在Node环境中运行的结果. 第一题: What

Js数组去重方法总结

//方法一 var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5]; function removeDuplicatedItem(arr) { for(var i = 0; i < arr.length-1; i++){ for(var j = i+1; j < arr.length; j++){ if(arr[i]==arr[j]){ arr.splice(j,1);//console.log(arr[j]); j--; } } } return arr; } a

js数组push方法使用注意

js 数组的push方法,想必大家都知道是向数组末尾添加元素,但是有一个很关键的点需注意: 引自MDN 返回值当调用该方法时,新的 length 属性值将被返回. var sports = ["soccer", "baseball"]; var total = sports.push("football", "swimming"); console.log(sports); // ["soccer", &

js 数组清空方法汇总

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>js清空数组的方法</title> </head> <body> <script type="text/javascript"> let aa= [1,2,3,4] // 方法一 aa.splice(0) console.log(aa);

js数组Array方法

1. indexOf indexOf()方法返回在该数组中第一个找到的元素位置,如果它不存在则返回-1. var fruits = ["Banana", "Orange", "Apple", "Mango"]; var a = fruits.indexOf("Apple"); a 结果输出:2 2.filter 1)方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素

JS进阶篇--JS数组reduce()方法详解及高级技巧

基本概念 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值. reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组. 语法: arr.reduce(callback,[initialValue]) callback (执行数组中每个值的函数,包含四个参数) previousValue (上

js数组去重方法包括Es6（方法有很多，但是需要考虑兼容性和数据类型场景）

1.Es6提供的方法 <script type="text/javascript"> //ES6里新添加了两个方法,set(set是一种新的数据结构,它可以接收一个数组或者是类数组对象,自动去重其中的重复项目) //Array.from(类数组对象.可迭代对象转化为数组). var arr = [1, 2, 3, 2, 4, 5, 5, null, null, undefined, undefined, NaN, NaN] const item = new Set(arr)

js 数组去重方法总结

var arr = [1, 1, 'true', 'true', true, true, 15, 15, false, false, undefined, undefined, null, null, NaN, NaN, 'NaN', 'NaN', 0, 0, 'a', 'a', {}, {}]; /* * ES3 的方法 */ // 方法一思路:新建空数组,利用双层for循环,逐一取出传入数组的项与新数组中的每一项做对比,如果没有相同的则将该项插入新数组中,如果对比项相同则跳出当前循环回到父

原声js数组去重方法

数组去重方法方法一 ---- 利用数组filter + indexOf方法去重方法二 ---- 利用数组forEach + indexOf方法去重方法三 ---- 利用数组from方法 + Set构造函数去重注:这种方法还无法去重空对象

js数组去重方法集合

//第一种方法,新建一个空数组,将原来的数组循环逐个与新数组的成员做比较,如果新数组没有该元素就push进来 var arr = ['a', 1, 1, 1, 2, 4, 4, 'b', 'c', 'a']; var newArr = []; var len = arr.length; for (i = 0; i < len; i++) { var flag = false; for (var member of newArr) { if (member === arr[i]) { flag =

js数组遍历方法总结

数组遍历方法 1.for循环使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显. 1 2 3 for(j = 0,len=arr.length; j < len; j++) { } 2.foreach循环遍历数组中的每一项,没有返回值,对原数组没有影响,不支持IE 1 2 3 4 5 6 //1 没有返回值 arr.forEach((item,index,array)=>{ //执行代码 }) //参数:value数组中的当前项, ind

JS对象 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

返回指定的字符串首次出现的位置 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置. 语法 stringObject.indexOf(substring, startpos) 参数说明: 说明: 1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring. 2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找. 3.如果找到一个 substri

h5 js数组Array方法总结

重新复习数组方法. 一.首先说一下构建一个数组. 1.直接定义一个数组. var a = [1,2,3]; 2.通过Array 对象new一个数组,但Array对象根据传参的不同会返回不同的数组对象. (1) 没有参数.构建一个空数组,长度为0: (2)一个参数.构建了一个以参数为长度的数组.但是其中没有元素. 如果此时我获取第三个元素会拿到什么呢?undefined 那如果我在这个数组的下标为6的地方放一个元素,此时数组是什么样的呢?长度变为了7. (3).对Array传

JS 数组位置方法 indexOf()和lastIndexOf（）的理解

var numbers = [1,3,5,7,9,4,3,2,1]; console.log(numbers.indexOf(5)); //从数组的0位开始查找 5 位于数组里面的位置输出2 首先理解一下 indexOf() 是从左往右查参数“5” 位于数组的下标所以这里打印出 2 再看 var numArr = ["hehe","sss","ddada","haha","xixi"]; conso

js数组去重方法分析与总结

数组去重经常被人拿来说事,虽然在工作中不常用,但他能够很好的考察js基础知识掌握的深度和广度,下面从js的不同阶段总结一下去重的方法. ES3阶段该阶段主要通过循环遍历数组从而达到去重的目的多次循环去掉重复元素 // 以下所有方法默认都那拿该数组进行测试 var array = [1, 1, '1', '1', null, null, undefined, undefined, new String('1'), new String('1'), /a/, /a/, NaN, NaN,{},{

为js数组扩展方法

(function(global,undefined){ //javascript冒泡排序,直接添加到基础类型Array的原型上 Function.prototype.method = function (name, func) { //if(!this.prototype[name]){ //先判断一下是原型中否有这个方法,如果没有再添加 this.prototype[name] = this.prototype[name] || func; //} return this; }; /*Fun

js数组indexof方法

热门专题