Array.prototype.indexOf

最新推荐文章于 2021-03-24 21:27:21 发布
最新推荐文章于 2021-03-24 21:27:21 发布
阅读量93 收藏
点赞数
原文链接：http://www.cnblogs.com/xiaozhishang/p/4809452.html
版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
//参数item:必选项，要查找的Array对象中的一子项
//参数i:可选项。该整数值指出在Array对象内开始查找的索引。如果省略，则从字符串的开始处查找。
if (!Array.prototype.indexOf) Array.prototype.indexOf = function(item, i) {
//alert("prototyping...");
//因为"||"或运算符是短路运算，就是当左边为true时不会去执行右边，直接就返回true，只有当左边为false时才会执行，也就是说除非以下情况才会执行i=0;
1.没有给indexOf传递参数i，比如array.indexOf(item);
2.i = 0、空字符串（""）、undefined、null、NaN、false
i || (i = 0);
//这行显然就是得到数组的长度 var length = this.length;
//如果传的i<0，那么查找位置就从length+i开始查找，这里其实还要做个判断，i不能小于-length;不然i = length + i;还是小于0
if (i < 0) i = length + i;
//这里就是从i位置开始查找item for (; i < length; i++)
//找到就返回item在Array中的位置
if (this[i] === item) return i;
//找不到就返回-1 return -1;
};
</script>
</body>
</html>

转载于:https://www.cnblogs.com/xiaozhishang/p/4809452.html

weixin_30530339
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
为JS扩展Array.prototype.indexOf引发的问题及解决办法
12-08
Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf()，这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历的时候却出现了问题。 代码如下: Array.prototype.indexOf = function(item) {  for (var i = 0; i < this.length; i++) {  if (this[i] == item)  return i;  }  return -1;  } 用的时候直接 代码如下:
Array对象的方法实现（6）----Array.prototype.indexOf（实现常规参数的功能）
liNewman的博客
09-01 305
Array对象的方法实现（6）----Array.prototype.indexOf（实现常规参数的功能） 11，Array的indexOf方法 indexOf()方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。 语法：arr.indexOf(searchElement[, fromIn...
[基础] Array.prototype.indexOf()查询方式
weixin_33674976的博客
09-09 179
背景 最近在看Redux源码，createStore用于注册一个全局store，其内部维护一个Listeren数组，存放state变化时所有的响应函数。 其中store.subscribe(listener)用于注册一个listener，同时返回一个unsubscribe方法，用于注销当前注册的listener。 源码中查询listener索引时用到了Array.indexOf方法，如下： 一直...
扩展Array.prototype.indexOf引发的问题
popotang
01-28 2733
 Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf()，这样用起来就比较方便了。Array.prototype.indexOf = function(item) {for (var i = 0; i < this.length; i++) {if (this[
php 数组 indexof,为JS扩展Array.prototype.indexOf引发的问题及解决办法_基础知识
weixin_34453486的博客
03-24 298
Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf()，这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历的时候却出现了问题。Array.prototype.indexOf = function(item) {for (var i = 0; i <...
Array.prototype.indexof的实现原理
qq_31965515的博客
07-29 2661
因为存在indexOf 的方法，所以自定义方法写成indexof ，方便对比。 对于Array.indexof()方法的实现，主要考察的就是原型继承的知识。 通过Array.prototype.indexof = function(){}就可以给 Array 添加一个方法，实际工作中不推荐这样做。 剩下的就是数组元素匹配的问题，就不多说了，虽然不难，但是做的过程中也遇到了不大不小...
Array.prototype.indexOf:符合ES2015规范的“ Array.prototype.indexOf” shimpolyfillreplacement可以向下使用到ES3
05-01
array.prototype.indexof 符合ES2015规范的shim / polyfill / replacement的Array.prototype.indexof ，可工作到ES3。 该软件包实现了接口。 它可以在ES3支持的环境中工作并符合。 因为Array.prototype.indexOf...
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
12-10
Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf()，这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历...
使用Array.prototype.indexOf()的几点注意
aocucuan5035的博客
11-04 347
对应indexOf这个方法，在日常开发中比较常见的应该是String.prototype.indexOf()方法，Array.prototype.indexOf()方法和其有很大的相似性，本文不想去描述其的基本用法，而是去探究在使用中需要考虑的一些问题。 一、性能 在数组元素少的情况下，我们虽然只是跳过一个元素来检索，性能微不足道，但是当我们正在处理数以千计的元素，如果使用index...
为Array 添加indexOf
weixin_30808575的博客
09-20 131
为array赋予属性 if (!Array.prototype.indexOf) { Array.prototype.indexOf = function (elt /*, from*/) { var len = this.length >>> 0; var from = Number(arguments[1])...
js Array.prototype.indexOf 获取元素在数组中的index
cominglately的博客
09-26 2723
参看文档  https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf 用法: 从数组中获取查询元素的位置, 如果不存在则返回-1 arr.indexOf(searchElemenmt  [,fromIndex])   备注: fromIndex 代表
js实现 indexOf()
卡卡西：一个擅长拷贝的前端程序员
12-28 664
if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(selectElement,fromIndex) { if (this == null) { throw new TypeError('对象是null') } let k, o = Object.create(this); let len = o.length; if (!len) return -1; let n = +fromI
智能锁（远程开锁、指纹开锁、密码开锁、刷卡开锁）
07-19
按键功能：输入密码，并能根据密码来决定开门还是进入管理员模式 密码功能：能够更换开门密码/管理员密码，且具有掉电不丢失功能 刷卡功能：能够判断卡片是否登记；刷卡开门；删除/登记开门卡片 指纹功能：指纹开门；删除/登记指纹 语音功能：播放不同功能的语言提示 门铃功能：机械开关控制门铃响 阿里云服务器接入：连接阿里云服务器，可以上报设备信息，也可以通过服务器端无线控制，如修改密码、恢复出厂设置、调节音量大小、远程开门等
基于Arduino的循迹小车项目设计与代码
最新发布
07-19
一. 硬件需求： Arduino Uno 或 Nano L298N 电机驱动模块 直流电机与车轮 红外循迹传感器模块 电源（如电池组） 小车底盘 二. 硬件连接： 1.电机驱动连接： 将电机1的两根线连接到L298N的OUT1和OUT2。 将电机2的两根线连接到L298N的OUT3和OUT4。 将L298N的IN1、IN2、IN3和IN4分别连接到Arduino的数字引脚（如：IN1 -> D8, IN2 -> D9, IN3 -> D10, IN4 -> D11）。 将L298N的ENA和ENB分别连接到Arduino的数字引脚（如：ENA -> D5, ENB -> D6，作为PWM控制）。 2.红外循迹传感器连接： 将传感器模块的VCC和GND连接到Arduino的5V和GND。 将传感器模块的输出引脚分别连接到Arduino的模拟或数字引脚（如：传感器1的OUT -> A0，传感器2的OUT -> A1）。
【故障诊断】基于矮猫鼬优化算法DMOA优化长短记忆网络LSTM实现故障诊断附matlab代码.rar
07-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
【故障诊断】基于金枪鱼优化算法TSO优化长短记忆网络LSTM实现故障诊断附matlab代码.rar
07-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
【信号分解】基于矮猫鼬优化算法DMOA-CEEMDAN实现信号去躁附matlab代码.rar
07-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
帮我分析下下面代码的结构跟实现技术 <div id="cd-icon"> <div class="cd-img"></div> <div class="music-list"> <ul> <li class="song">歌曲1</li> <li class="song">歌曲2</li> <li class="song">歌曲3</li> </ul> </div> </div> <audio id="audio" src="./audio/music1.mp3" autoplay></audio>/* js */ // 音乐唱片 (function () { const cdIcon = document.getElementById('cd-icon'); const cdImg = document.querySelector('.cd-img'); const musicList = document.getElementsByClassName('music-list'); const audio = document.getElementById('audio'); let isPlaying = false; const musics = [ './audio/music1.mp3', './audio/music2.mp3', './audio/music3.mp3', ]; let currentSongIndex = 0; console.log(musicList[0].classList); function playSong() { audio.src = musics[currentSongIndex]; audio.play(); let songElements = document.querySelectorAll('.song'); songElements.forEach(function (songElement) { songElement.classList.remove('cur-song'); }); songElements[currentSongIndex].classList.add('cur-song'); } cdIcon.addEventListener('mouseover', function () { musicList[0].classList.add('show'); }); cdIcon.addEventListener('mouseout', function () { musicList[0].classList.remove('show'); }); cdImg.addEventListener('click', function () { if (isPlaying) { audio.pause(); } else { audio.play(); } }); musicList[0].addEventListener('click', function (e) { if (e.target.tagName === 'LI') { let index = Array.prototype.indexOf.call(e.target.parentNode.children, e.target); currentSongIndex = index; playSong(); } }); audio.addEventListener('play', function () { isPlaying = true; cdImg.classList.add('playing'); }); audio.addEventListener('pause', function () { isPlaying = false; cdImg.classList.remove('playing'); }); audio.addEventListener('ended', function () { currentSongIndex++; if (currentSongIndex >= musics.length) { currentSongIndex = 0; } playSong(); }); playSong(); })();
06-09
这段代码实现了一个音乐播放器的功能，包括了音乐唱片的旋转效果，歌曲列表和播放控制等功能。 ...同时，还有一个 id 为 "audio" 的 audio 元素，用于播放音乐。 CSS 部分：没有提供代码，无法分析。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值