当前位置: 首页 > 编程日记 > 正文

Javascript刷题 》 查找数组元素位置

找出元素 item 在给定数组 arr 中的位置

输出描述:

function indexOf(arr, item) {.....
}

如果数组中存在 item,则返回元素在数组中的位置,否则返回 -1

输入例子:

indexOf([ 1, 2, 3, 4 ], 3)

输出例子:

2

实现方法

1、先将arr转换成字符串,然后使用字符串的indexOf
function indexOf(arr, item) {return arr.join("").indexOf(item);
}
2、直接使用数组的indexOf
function indexOf(arr, item) {return arr.indexOf(item);
}
3、使用for循环
function indexOf(arr, item) {for(let [i,x] of arr.entries()){if(x===item)return i;}return -1;
}

判断当前项是否等于传进来的那一项,如果到最后一项都没有找到,则返回-1

4、使用findIndex方法
function indexOf(arr, item) {return arr.findIndex(value=>value===item);
}
5、将传进来的值当做数组分割符
function indexOf(arr, item) {var newArr = ("," + arr.toString() + ",").split("," + item + ",");if(newArr.length<=1){return -1;}var index = newArr[0].split(",").length-1;return index;
}

这个方法虽然复杂了点,但很有趣,会用前面的几个方法顶多算是对api还算了解,但这个更多的是靠编程能力。

其实一开始比较简单的,没有这么复杂,但有个小bug,所有到后面就变的复杂了些,讲一下这题的原理。

如果我们将传进来的值当成一个分割符会是什么效果?

1、先将这个数组转换成字符串

[1, 2, 3].toString(); //1,2,3

2、用传进来的那个值当作字符串分割符,切成数组

function indexOf(arr, item) {return arr.toString().split(item);
}console.log(indexOf([1, 2, 3],2)) //["1,", ",3"]

会被切成两份,而["1,",]的第二位就是我们需要的索引,因此

arr.toString().split(item)[0] //1,

我们再将这个1, 转换成数组,其中的数组长度-1就是我们要的索引。

arr.toString().split(item)[0].split(",").length-1

虽然看似完成了,但还有一些bug得解决,如果没有找到呢?

3、解决如果找不到

怎么知道找不到呢?如果说当前的这个值用做分割后,这个数组的长度和之前的一样长,或者长度为1,那不就是找不到吗,那我们可以这样

function indexOf(arr, item) {var newArr = arr.toString().split(item); //如果长度为1说明数组没有被分割掉值if(newArr.length<=1)return -1;return newArr[0].split(",").length-1;
}console.log(indexOf([1, 2, 3],5)) //-1

以及完成了一部分了,但还有个bug,一开始没有考虑到的,比如这个数组是一个多位,而查找的值为单个,那么肯定就会出现问题的,如下

console.log(indexOf([12, 2, 3],1)) //0

导致这个结果的问题是,[12,2,3]转换成字符串后是12,2,3将1当作分割符自然能找到12里面的那个1,解决这个问题,就得动点脑了,首先我们需要解决的问题是,防止12被当作1来查找。我们可以在当前这个值前后添加一个值,如下

如查找

12,2,3

我们可以这样

,12,2,3,

也就是说把12给包围住,查找的时候,我们将当前的这个值前后也加上","那么它们就是一个整体了。

因此最后就成了如下的这段代码

function indexOf(arr, item) {var newArr = ("," + arr.toString() + ",").split("," + item + ",");if(newArr.length<=1){return -1;}var index = newArr[0].split(",").length-1;return index;
}console.log(indexOf([122, 2, 3],12)) //-1

转载于:https://www.cnblogs.com/pssp/p/6130883.html

相关文章:

Go 语言函数

链客&#xff0c;专为开发者而生&#xff0c;有问必答&#xff01; 此文章来自区块链技术社区&#xff0c;未经允许拒绝转载。 函数是基本的代码块&#xff0c;用于执行一个任务。 Go 语言最少有个 main() 函数。 你可以通过函数来划分不同功能&#xff0c;逻辑上每个函数执…

终端主题_再见 XShell 和 ITerm 2,是时候拥抱全平台高颜值终端工具 Hyper 了!

点击上方“涛哥聊Python”&#xff0c;选择“星标”公众号重磅干货&#xff0c;第一时间送达转自&#xff1a;运维之美不论是 macOS 还是 Windows 下&#xff0c;我们都不推荐使用系统自带终端。无论是可拓展性还是可编程性都被「系统自带」这样的特点限制。特别是 Windows 下的…

每天一个linux命令(8):cp 命令

cp命令用来复制文件或者目录&#xff0c;是Linux系统中最常用的命令之一。一般情况下&#xff0c;shell会设置一个别名&#xff0c;在命令行下复制文件时&#xff0c;如果目标文件已经存在&#xff0c;就会询问是否覆盖&#xff0c;不管你是否使用-i参数。但是如果是在shell脚本…

samba srver on centos-7

切换到root用户安装samba&#xff0c;将windows登录用户admin映射到linux用户centos 安装samba并准备工作目录 yum install -y samba samba-client mkdir -p /var/samba/code chown -R centos:centos /var/samba/codetouch /etc/samba/smbusersecho "centos admin "…

以太坊数据结构MPT

链客&#xff0c;专为开发者而生&#xff0c;有问必答&#xff01; 此文章来自区块链技术社区&#xff0c;未经允许拒绝转载。 MPT(Merkle Patricia Tries)是以太坊存储数据的核心数据结构&#xff0c;它是由Merkle Tree和Patricia Tree结合的一种树形结构&#xff0c;理解MP…

lambda在python中的用法_在python中对lambda使用.assign()方法

我在Python中运行以下代码&#xff1a;#Declaring these now for later use in the plotsTOP_CAP_TITLE Top 10 market capitalizationTOP_CAP_YLABEL % of total cap# Selecting the first 10 rows and setting the indexcap10 cap.loc[:10, :].set_index(id)# Calculating…

react 开发过程中的总结/归纳

1、点击元素&#xff0c;获取绑定该事件的父级元素&#xff0c;使用 e.currentTarget。e.target 获取的是&#xff0c;出发该事件的元素&#xff0c;该元素有可能是所绑定事件的元素的子元素。 2、使用 react router4 history 只能传递给儿子组件&#xff0c;不能传递给孙子组件…

kvm虚拟机--存储池配置梳理(转)

1.创建基于文件夹的存储池&#xff08;目录&#xff09; 2.定义存储池与其目录 1 # virsh pool-define-as vmdisk --type dir --target /data/vmfs 3.创建已定义的存储池 (1)创建已定义的存储池 1 # virsh pool-build vmdisk (2)查看已定义的存储池&#xff0c;存储池不激活无法…

区块链概况:什么是区块链

链客&#xff0c;专为开发者而生&#xff0c;有问必答&#xff01; 此文章来自区块链技术社区&#xff0c;未经允许拒绝转载。 区块链技术自身仍然在飞速发展中&#xff0c;目前还缺乏统一的规范和标准。 wikipedia 给出的定义为&#xff1a; A blockchain —originally, b…

drx功能开启后_简单实用!小米手机中这些新功能真香

小米手机作为国产机热销品牌之一&#xff0c;它除了有好看的外观&#xff0c;还有很多隐藏的实用功能&#xff0c;今天小编就来和大家分享5个小米手机里你不知道的功能。Al电话助理看到陌生号码时&#xff0c;很多人第一反应就是挂掉&#xff0c;不想接听&#xff0c;但又担心自…

Ubuntu 8.04嵌入式交叉编译环境arm-linux-gcc搭建过程图解

Linux版本&#xff1a;Ubuntu8.04 内核版本&#xff1a;Linux 2.6.24 交叉编译器版本&#xff1a;arm-linux-gcc-3.4.1 交叉编译器下载链接&#xff1a; https://share.weiyun.com/5oxlS6X &#xff08;密码&#xff1a;36R7&#xff09; 前言 1、搭建交叉编译环境 安装、配置交…

Installshield 2015 实现检测某安装文件是否存在并运行安装

最近在用installshiled 2015做安装包&#xff0c;用了很长时间研究明白了怎样实现在安装成功界面显示一个checkbox&#xff0c;选中该checkbox&#xff0c;就会安装选中的安装包。 首先我们要有一个installshield的工程。 其次是判断是否要显示这个checkbox。我的需求是根据某个…

区块链概况:从数字货币说起

链客&#xff0c;专为开发者而生&#xff0c;有问必答&#xff01; 此文章来自区块链技术社区&#xff0c;未经允许拒绝转载。 从数字货币说起 货币是人类文明发展过程中的一大发明&#xff0c;最重要的职能包括价值尺度、流通手段、贮藏手段。很难想象离开了货币&#xff0c…

Android RecyclerView 基本使用

Android RecyclerView 基本使用 概述 RecyclerView出现已经有一段时间了&#xff0c;相信大家肯定不陌生了&#xff0c;大家可以通过导入support-v7对其进行使用。 据官方的介绍&#xff0c;该控件用于在有限的窗口中展示大量数据集&#xff0c;其实这样功能的控件我们并不陌生…

lisp语言cond和if套用_在'if'语句中设置多行条件的样式?

Harley Holco..679您不需要在第二个条件行上使用4个空格.也许用:if (cond1 val1 and cond2 val2 andcond3 val3 and cond4 val4):do_something另外,不要忘记空格比您想象的更灵活:if (cond1 val1 and cond2 val2 andcond3 val3 and cond4 val4):do_somethingif (cond1 …

jvm七种垃圾收集器

JVM_七种垃圾收集器介绍 本文中的垃圾收集器研究背景为&#xff1a;HotSpotJDK7一、垃圾收集器概述如上图所示&#xff0c;垃圾回收算法一共有7个&#xff0c;3个属于年轻代、三个属于年老代&#xff0c;G1属于横跨年轻代和年老代的算法。JVM会从年轻代和年老代各选出一个算法进…

新手怎么学以太坊区块链开发?

链客&#xff0c;专为开发者而生&#xff0c;有问必答&#xff01; 此文章来自区块链技术社区&#xff0c;未经允许拒绝转载。 在学习以太坊应用开发时&#xff0c;除了学习solidity开发智能合约&#xff0c;一个小白还应该补充 哪些知识&#xff1f;文本将给出相关的学习资源…

【题解】 bzoj1260: [CQOI2007]涂色paint (区间dp)

bzoj1260&#xff0c;懒得复制&#xff0c;戳我戳我 Solution: 这种题目我不会做qwq&#xff0c;太菜了区间打牌(dp) 用f[l][r]表示从l到r最少需要染几次色。状态转移方程&#xff1a; 1.\(f[l][r]min(f[l][i],f[i1][r]) (l<i<r)\) 这段染色等于俩段分别染色&#xff0c;…

[deviceone开发]-组件功能演示示例

一、简介 这个是官方比较早期对组件功能的展示集合&#xff0c;因为发布的比较早&#xff0c;只包含了部分组件&#xff0c;但是常用的组件和常用的功能都包含了。初学者推荐。二、效果图 三、相关下载 https://github.com/do-project/code4do/tree/master/demo四、相关讨论 ht…

联想g510升级换什么cpu好_老兵不死,十年前的联想 Y450 笔记本复活记

如果你是一个接触笔记本电脑比较早的用户&#xff0c;那么联想小Y的大名你一定不会陌生&#xff0c;作为联想旗下较为成功的产品线&#xff0c;彪悍的小Y在几年前就打出了名堂&#xff0c;而小Y系列笔记本里面又以 Y450 最为经典&#xff0c;Y450 引入 NVIDIA GT240M 中端移动显…

区块链和数据库

链客&#xff0c;专为开发者而生&#xff0c;有问必答&#xff01; 此文章来自区块链技术社区&#xff0c;未经允许拒绝转载。 区块链技术是一种不依赖第三方、通过自身分散式节点进行网路数据的存储、验证、传递和交流的一种技术方案。因此&#xff0c;有人从金融会计的角度…

普通粒子群算法和优化方法

粒子群优化(PSO, particle swarm optimization) 是由Kennedy和Eberhart在1995年提出的一 种群智能优化方法。 优点&#xff1a;好理解容易实现&#xff0c;适合解决极值问题 缺点&#xff1a;容易过早收敛&#xff0c;容易陷入局部最优解&#xff0c;&#xff08;如果初始点选的…

古人怎么称呼年龄

来自为知笔记(Wiz)转载于:https://www.cnblogs.com/sanyuanempire/p/6154780.html

vue变量传值_vue组件与组件之间传值

目录一、父组件向子组件传值二、子组件向父组件传值三、兄弟组件之间的传值如上图所示&#xff0c;2是1的子组件&#xff0c;1是3的父组件&#xff0c;2和3是兄弟组件一、父组件向子组件传值&#xff1a;html代码:<div id"app"><v-app><!-- 用:xxxx&q…

区块链技术背后的运行逻辑

链客&#xff0c;专为开发者而生&#xff0c;有问必答&#xff01; 此文章来自区块链技术社区&#xff0c;未经允许拒绝转载。 区块链技术可能是自互联网技术以来最伟大的发明。区块链可以在不需要有中央权威机构的情况下或不需要双方信任的情况下交换价值或财富。想像一下你…

scp遇到路径中有空格

sudo scp root1.1.1.1:/test/soft/123/Microsoft SQL Server 2000.iso . 错误&#xff01; sudo scp root1.1.1.1:"/test/soft/123/Microsoft SQL Server 2000.iso" . 错误&#xff01; sudo scp root1.1.1.1:/test/soft/123/Microsoft\ SQL\ Server\ 2000.…

bzoj 3262 陌上花开

本质是一个三维偏序&#xff0c;一位排序后cdq分治&#xff0c;一维在子函数里排序&#xff0c;一维用树状数组维护。 把三维相等的合并到一个里面。 1 #include<iostream>2 #include<cstdio>3 #include<algorithm>4 #include<cstring>5 #define N 100…

jspstudy启动mysql失败_MySql启动数据库设置初始密码

这一小节介绍在Mac OS、Linux、Windows上启动关闭重启MySQL服务&#xff0c;以及部分图形化界面对服务的操控。安装完成后&#xff0c;可以使用 service 命令启动 mysql 服务&#xff0c;在Mac上service命令不存在。命令行启动关闭重启MySQL服务在命令行终端启动 MySQL 非常方便…

区块链技术产生数字货币时代

链客&#xff0c;专为开发者而生&#xff0c;有问必答&#xff01; 此文章来自区块链技术社区&#xff0c;未经允许拒绝转载。 比特币是一种革命性的数字货币&#xff0c;更是一种颠覆性的创新技术。比特币最大的贡献是创造了信用&#xff0c;解决了困扰互联网进一步发展的拜…

软件构造 第二章 第一节 软件生命周期和版本控制

软件构造第二章 第一节 软件生命周期和版本控制 基本内容 Software Development Lifecycle (SDLC) Traditional software process models (waterfall, incremental, V- model, prototyping, spiral) Agile development and eXtreme Programming (XP) Collaborative software de…