当前位置: 首页 > news >正文

js中find和findIndex的使用

ES6为Array增加了find(),findIndex函数。
find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。

findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。

他们的都是一个查找回调函数。

[1, 2, 3, 4].find((value, index, arr) => {})

查找函数有三个参数。

value:每一次迭代查找的数组元素。

index:每一次迭代查找的数组元素索引。

arr:被查找的数组。

1.查找元素,返回找到的值,找不到返回undefined。

const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
var ret1 = arr1.find((value, index, arr) => {return value > 4
})var ret2 = arr1.find((value, index, arr) => {return value > 14
})
console.log('%s', ret1)
console.log('%s', ret2)

结果:

5
undefined

2.查找元素,返回找到的index,找不到返回-1。

var ret3 = arr1.findIndex((value, index, arr) => {return value > 4
})var ret4 = arr1.findIndex((value, index, arr) => {return value > 14
})
console.log('%s', ret3)
console.log('%s', ret4)

结果:

4
-1

3.查找NaN。

const arr2 = [1, 2, NaN, 4, 5, 6, 7, 8, 9, 10, 11]
var ret5 = arr2.find((value, index, arr) => {return Object.is(NaN, value)
})var ret6 = arr2.findIndex((value, index, arr) => {return Object.is(NaN, value)
})
console.log('%s', ret5)
console.log('%s', ret6)

结果:

NaN 
2   

案例:

var active_index = this.right_height.findIndex((value, index, arr) =>(value <= scroll_top && scroll_top < arr[index + 1]&&index!=this.goods.length-1)||( index==this.goods.length-1 && value <= scroll_top));

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.exyb.cn/news/show-2888.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

投资理财1

1. 投资术语 熔断&#xff1a;也叫自动停盘机制&#xff0c;是指当股指波幅达到规定的熔断点时&#xff0c;交易所为控制风险采取的暂停交易措施。具体说是对某一合约在达到涨跌停板之前&#xff0c;设置一个熔断价格&#xff0c;使合约买卖报价在一段时间内只能在这一价格范围…...

【项目】springboot中使用kaptcha生成验证码,登录时密码加盐处理

记录使用kaptcha的过程 为前后端分离项目&#xff0c;前端vue框架 0.下载jar包 在maven的网站https://mvnrepository.com/search?qcom.github.penggle 搜索下载jar 导入到工程中 1.添加依赖 <dependency><groupId>com.github.penggle</groupId><art…...

Mybatis源码研究之DatabaseIdProvider

借助Mybatis提供的 databaseId特性&#xff0c;我们可以实现让应用同时支持多种类型的数据库。 0. 目录这里写目录标题1. 测试用例2. 原理解析3. databaseId的其它应用4. Links1. 测试用例 相关的配置和测试用例如下 &#xff08;这里我们以源生的mybatis为例&#xff0c;与Sp…...

学生成绩管理系统+打包

文章目录文件管理&#xff1a;D:\hyt\python\pytorch_graduate\file_management成绩管理&#xff1a;D:\hyt\python\pytorch_graduate\stusystem打包&#xff1a;D:\hyt\python\pytorch_graduate\package_test学生成绩管理系统0.基础原理1.文件管理2 学生管理系统Tk打包1.基础原…...

Yocto Build with Bitbake的调试

https://docs.yoctoproject.org/dev-manual/common-tasks.html#recipe-logging-mechanisms 官方文档里有输出调试信息的方法。包含两种&#xff0c;一种是调用python的&#xff0c;一种是bash的。 建议直接使用warning方法&#xff0c;保证输出级别足够。 另外&#xff0c;在…...

IntentService源码分析指南

转载链接&#xff1a;https://www.jianshu.com/p/8a3c44a9173a...

为啥集群小文件治理那么重要,你真的懂吗?

小文件是 Hadoop 集群运维中的常见挑战&#xff0c;尤其对于大规模运行的集群来说可谓至关重要。如果处理不好&#xff0c;可能会导致许多并发症。Hadoop集群本质是为了TB,PB规模的数据存储和计算因运而生的。为啥大数据开发都说小文件的治理重要&#xff0c;说HDFS 存储小文件…...

Flink大数据实时计算系列-第一个程序JAVA版本-分组统计

Flink大数据实时计算系列-第一个程序JAVA版本-分组 在基线版本上增加了分组统计的代码 #Flink代码 package com.flinkniu.flink.operator;import org.apache.flink.api.common.typeinfo.Types; import org.apache.flink...

Ant Design Vue实现a-table表格单元格合并

Ant Design Vue实现a-table表格单元格合并 参考Ant design Vue官网关于行和列合并api https://antdv.com/components/table-cn/ 下面官网对表格合并这块的描述 &#xff01;&#xff01;&#xff01;注意注意注意重要事情说三遍&#xff1a;很多同学都习惯性的将columns写在d…...

【CoppeliaSim】Solidworks中模型导出模型到V-REP

一、下载安装插件 插件名称&#xff1a;sw2urdfSetup 下载地址&#xff1a;https://github.com/ros/solidworks_urdf_exporter/releases/tag/1.6.0 下载后直接安装即可。安装成功后&#xff0c;可在SolidWorks的菜单栏中看到&#xff1a;工具-Tools-Export as URDF 二、导出…...

css中id和class的区别

css中id和class的区别ID是唯一的类不是唯一的语法区别ID是唯一的 每个元素仅可以有一个ID每个页面仅可以有一个元素拥有这个ID 类不是唯一的 你可以在多个元素中使用相同的类你可以使用多个类在一个元素中 语法区别 id对应css是用样式选择符“#”&#xff08;井号&#xff…...

力扣刷题:动态规划篇

目录322. 零钱兑换题目介绍题目实现5. 最长回文子串题目介绍题目实现518. 零钱兑换 II题目介绍题目实现53. 最大子序和题目介绍题目实现63. 不同路径 II题目介绍[62. 不同路径](https://leetcode-cn.com/problems/unique-paths/)题目实现70. 爬楼梯题目介绍题目实现72. 编辑距离…...

Java面试list 和 set 区别

List和Set的区别 List:&#xff1a;有序&#xff0c;按对象进入的的序保存对象&#xff0c;可可允许多个Null元素对象&#xff0c;可以使用lterator迭取出所有元素。在逐一便历&#xff0c;也可以使用get(int index)获取指定下标的元素 Set&#xff1a;无序&#xff0c;不可重复…...

诚意分享:这里有份超全Java体系化进阶学习图谱

摘要 Apache Kafka是一个分布式消息发布订阅系统。它最初由LinkedIn公司基于独特的设计实现为一个分布式的提交日志系统( a distributed commit log)&#xff0c;之后成为Apache项目的一部分。 成千上万的企业都在使用Kafka&#xff0c;三分之一的世界500强公司也在其中&…...

requests+re爬取猫眼电影排行

import requests from requests.exceptions import RequestException import re,json,timedef get_one_page(url):#获取网页信息try:headers {User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/53…...

Twitter教程:如何下载Twitter数据副本?

Twitterrific Mac破解版是一款非常现代化优秀的桌面Twitter客户端,这款软件不仅看起来惊人,它的表现也是非常棒的,本文给大家的带来了如何下载Twitter数据副本的教程。 教程如下 在 iPhone 或 iPad 上打开“Twitter”。&#xff08;您也可以使用 Twitter.com 网站&#xff09…...

4-1 Python常用内置算法与数据结构常考题

一、你使用过哪些常用内置算法和数据结构 仔细回想一下你用过哪些内置的算法数据结构&#xff1f; 1.sorted 2.dict/list/set/tuple… 3.问题&#xff1a;想的不全或者压根没了解和使用过 数据结构/算法语言内置内置库线性结构list(列表)/tuple(元组)array(数组&#xff0c;不…...

【内网学习笔记】8、powercat 的使用

1、下载安装 powercat powercat 可以视为 nc 的 powershell 版本&#xff0c;因此也可以和 nc 进行连接。 powercat 可在 github 进行下载&#xff0c;项目地址为&#xff1a;https://github.com/besimorhino/powercat 下载下来 powercat.ps1 文件后&#xff0c;直接导入即可…...

栈和队列(二) : 用栈实现队列

leetcode232.用栈实现队列 https://leetcode-cn.com/problems/implement-queue-using-stacks/ 使用栈实现队列的下列操作&#xff1a; push(x) – 将一个元素放入队列的尾部。 pop() – 从队列首部移除元素。 peek() – 返回队列首部的元素。 empty() – 返回队列是否为空。…...

CentOS 配置php环境

一.安装apache 1.安装apache yum install httpd2.修改配置文件 vi /etc/httpd/conf/httpd.conf将#ServerName www.example.com:80前面的#去掉 修改为ServerName localhost:80 3.添加端口,刷新配置,并查看确认 firewall-cmd --permanent --zonepublic --add-port80/tcp fire…...

博客后端开发

数据库设计 用户表 tb_user 字段名类型长度不是null主键注释idvarchar255是是主键accountvarchar255是 账户passwordvarchar255是 密码namevarchar255否 别名emailvarchar128否 邮箱introductionvarchar255否 个人简介avatarvarchar255否 头像create_timedatetime0是 注册时间…...

c++:mt19937生成随机数

随机生成&#xff1a; int rd(){mt19937 rd1(time(NULL));return rd1(); }指定随机数的生成范围&#xff1a; int rd(){mt19937 rd1(time(NULL));uniform_int_distribution<int>t(0,100000);//指定范围return t(rd1); }...

Docker和k8s知识概括

Docker和k8s知识概括Docker简介K8S简介Docker简介 Docker简介&#xff1a; 2010年&#xff0c;几个搞IT的年轻人&#xff0c;在美国旧金山成立了一家名叫“dotCloud”的公司。这家公司主要提供基于PaaS的云计算技术服务。具体来说&#xff0c;是和LXC有关的容器技术。LXC&…...

2021.6.1

链接查询 连接查询可分为内连接和外连接。 一.内连接&#xff1a;内连接分3种&#xff1a;交叉连接、相等连接、自然连接。 1.内连接语法&#xff1a; 1.交叉连接&#xff1a; 交叉链接又称“笛卡尔链接”&#xff0c;即所有类型的内连接的基础 语法 select * from table…...

【vue】vue3学习笔记(三)

接上篇 面包屑 安装path-to-regexpcomponent/breadcrumb/index <template><el-breadcrumb class"app-breadcrumb breadcrumb-container" separator"/"><el-breadcrumb-item v-for"(item, index) in levelList" :key"item…...

Git一个项目中引用其他Git仓库

// git submodule add [git地址] [目录位置] $ git submodule add https://xxx/gittest.git src/gittest使用submodule后 在当前git目录下会生成一个 .gitmodules 文件 如果但当前目录已经存在了一个 .gitmodules&#xff0c;命令需要更改为 $ git submodule add -f https://…...

大厂实习之路|记录我的腾讯9面之旅

文章目录自我介绍简历投递情况腾讯面试情况腾讯某部门一面、二面&#xff08;3.22 3.24 &#xff09;微信安卓一面&#xff08;3.29&#xff09;&#xff1a;不知名安卓部门一面&#xff08;4.6&#xff09;&#xff1a;不知名安卓部门一面与二面(4.24&#xff0c;4.26)&#x…...

Django-reverse与resolve函数

Django的反向解析的reverse与resolve函数实现 - reverse  通过路由命名或可调用的视图对象来生成路由地址  from django.shortcuts import render,reverse 引入reverse - resolve  通过路由地址获取路由对象的信息  from django.urls import resolve 引入resolve  需要在…...

Mybatis源码研究之DatabaseIdProvider

借助Mybatis提供的 databaseId特性&#xff0c;我们可以实现让应用同时支持多种类型的数据库。 0. 目录这里写目录标题1. 测试用例2. 原理解析3. databaseId的其它应用4. Links1. 测试用例 相关的配置和测试用例如下 &#xff08;这里我们以源生的mybatis为例&#xff0c;与Sp…...

Spring企业级程序设计 • 【第6章 深入Spring MVC开发】

全部章节 >>>> 本章目录 6.1 模型数据解析及控制器返回值 6.1.1 ModelAndView多种用法 6.1.2 Map添加模型数据和返回String类型值 6.1.3 Model添加模型数据和返回String类型值 6.1.4 返回值为String类型的重定向和转发 6.1.5 实践练习 6.2 Spring MVC表…...

注册表 快照工具 Regshot

文章目录Regshot 创建快照&#xff0c;对比差异定位目标键值参考资料Regshot 创建快照&#xff0c;对比差异 如果想针对注册表进行某些操作。 那我们第一件要做的事就是定位到注册表目标键值。 这是个注册表快照小工具 操作前建立快照A操作后建立快照B对比快照。即可知道注册…...

Reg命令查询注册表

命令行中执行reg /?&#xff0c;reg query /?即可知道reg的操作方式&#xff0c;此处做个记录&#xff0c;方便记忆 reg执行哪些操作 C:\Users\Administrator>reg /?REG Operation [Parameter List]Operation [ QUERY | ADD | DELETE | COPY |SAVE | LOAD…...

读取注册表的方法

最近在做一些关于注册表的程序&#xff0c;发现原来读取注册表都是大有讲究的&#xff0c;所以就想写一篇文章来记录下来。 一、操作系统 32位的Windows操作系统已经非常罕见了&#xff0c;现在主流的操作系统是64位的Windows。64位的系统为了兼容32位的应用程序&#xff0c;…...

Windows 注册表(Registry) 学习

目录 一、注册表(Registry)介绍 1、注册表简介 2、开启/禁用 注册表编辑器 3、注册表位置 二、注册表的结构 三、修改注册表实现&#xff0c;应用程序开机自启动 一、注册表(Registry)介绍 1、注册表简介 注册表是windows系统中具有层次结构的核心数据库&#xff0c;储存…...

AutoCAD初体验

安装的2018版&#xff0c;选择最后一个双击&#xff0c;选择安装位置之后就出现了第二个文件夹&#xff0c;进去以管理员身份运行Setup安装 然后右上角选择中文&#xff0c;右下角开始安装&#xff0c;然后就是接受协议&#xff0c;更换安装路径&#xff0c;然后就安装所需的配…...

autocad2007二维图画法_AutoCAD2007中文版机械制图教程

本教程结合中文版AutoCAD 2007的主要功能&#xff0c;系统地介绍了二维绘图、三维绘图、图形编辑、文字和尺寸标注等功能&#xff0c;并根据AutoCAD在机械制图中的应用&#xff0c;结合大量的实例对中文版AutoCAD 2007的使用技巧进行了详细的介绍和讲解。本教程语言简单易懂&am…...

pytorch案例代码-3

双向循环神经网络 双向循环神经网络在RNN/LSTM/GRU里都有。比如RNN cell&#xff0c;只是把h0和x1传入做线性变换产生h1继续传入同一个cell做线性变换&#xff0c;线性变换的W和b共享&#xff0c;沿着这个方向就把所有隐层和最后的输出算出来了。 那么其中的每个结点&#xff0…...

CAD2020下载AutoCAD2020下载安装详细教程

你好&#xff0c;我是二少~ 此文主要为你分享我亲自测试的AutoCAD2020的软件下载与安装激活的详细步骤&#xff0c;我亲自录的安装教程以及编写的图文教程贡献给你&#xff0c;希望对需要此软件的你有帮助。 AutoCAD2020安装包&#xff08;64位&#xff09;下载地址&#xff1…...

史上训练最简单,音质最好的语音合成系统

vits实现的中文TTS GitHub - jaywalnut310/vits: VITS: Conditional Variational Autoencoder with Adversarial Learning for End-to-End Text-to-Speech 基于VITS 实现 16K baker TTS 的流程记录 apt-get install espeak pip install -r requirements.txt cd monotonic_…...

TACOTRON-端到端的语音合成模型

1 简介 本文根据2017年《TACOTRON: TOWARDS END-TO-END SPEECH SYNTHESIS》翻译总结的。如题所述&#xff0c;是一个端到端的语音合成模型。 一个文本到语音的合成系统通常包括多个步骤&#xff0c;包括文本分析、声学模型、声音合成模块等。建立这些单元通常需要广泛的专业领…...

将端到端文本转语音速度提高38倍,全新语音合成系统FastSpeech 梅尔谱的生成速度提升270倍,微软和浙大联合推出

将端到端文本转语音速度提高38倍&#xff0c;全新语音合成系统FastSpeech 梅尔谱的生成速度提升270倍&#xff0c;微软和浙大联合推出 目前&#xff0c;基于神经网络的端到端文本到语音合成技术发展迅速&#xff0c;但仍面临不少问题——合成速度慢、稳定性差、可控性缺乏等。为…...

方兴未艾的语音合成技术与应用

https://mp.weixin.qq.com/s?__bizMzI0ODcxODk5OA&mid2247498490&idx2&sna995453c626c1df20899986f46e0561f&scene21#wechat_redirect 方兴未艾的语音合成技术与应用 https://mp.weixin.qq.com/s?__bizMzI0ODcxODk5OA&mid2247498490&idx2&sna995…...

Merlin:一个开源的神经网络语音合成系统

摘要 我们介绍Merlin语音合成工具包用于基于神经网络的语音合成。该系统将语言特征作为输入&#xff0c;采用神经网络来预测声学特征&#xff0c;然后将声学特征传递到声音合成机&#xff08;vocoder&#xff09;以产生语音波形。不同的神经网络架构已被实现&#xff0c;包括标…...

语音合成技术概述

语音合成&#xff0c;又称文语转换(Text To Speech, TTS)&#xff0c;是一种可以将任意输入文本转换成相应语音的技术。 传统的语音合成系统通常包括前端和后端两个模块。前端模块主要是对输入文本进行分析&#xff0c;提取后端模块所需要的语言学信息&#xff0c;对于中文合成…...

语音合成:模拟最像人类声音的系统

近年来随着深度学习技术的不断发展&#xff0c;语音合成技术也取得了突破性进展&#xff0c;也成为了很多设备的标配。比如siri通过手机跟我们讲冷笑话&#xff0c;车载音箱实时播报汽车的行进路线等等无不用到语音合成。并且&#xff0c;深度神经网络在语音合成模型与声码器中…...

【腾讯TMQ】【AI专栏】语音合成系统评测介绍

​ 前言 语音合成&#xff08;Text To Speech&#xff0c;TTS&#xff09;技术将文本转化为声音&#xff0c;目前广泛应用于语音助手、智能音箱、地图导航等场景。TTS的实现涉及语言学、语音学的诸多复杂知识&#xff0c;因实现细节的不同&#xff0c;TTS系统合成的语音在准确…...

语音合成(TTS)应用方案一二三

前言 语音合成是指将文字转成语音(TextToSpeech)进行播放&#xff0c;本文主要介绍三种实现方案。 一、web端实现 通过h5提供的网页语音API来实现&#xff0c;用到speechSynthesis(获取设备上可用的合成声音的信息、控制声音播放、暂停等命令)和SpeechSynthesisUtterance(管理…...

全新语音合成系统FastSpeech——更好的声音自然度

目前&#xff0c;基于神经网络的端到端文本到语音合成技术发展迅速&#xff0c;但仍面临不少问题——合成速度慢、稳定性差、可控性缺乏等。为此&#xff0c;微软亚洲研究院机器学习组和微软&#xff08;亚洲&#xff09;互联网工程院语音团队联合浙江大学提出了一种基于Transf…...

GitHub 3.1K,业界首个流式语音合成系统开源!

智能语音技术已经在生活中随处可见&#xff0c;常见的智能应用助手、语音播报、近年来火热的虚拟数字人&#xff0c;这些都有着智能语音技术的身影。智能语音是由语音识别&#xff0c;语音合成&#xff0c;自然语言处理等诸多技术组成的综合型技术&#xff0c;对开发者要求高&a…...

利用Python打造一个语音合成系统

利用Python打造一个语音合成系统 背景 一直对语音合成系统比较感兴趣&#xff0c;总想能给自己合成一点内容&#xff0c;比如说合成小说&#xff0c;把我下载的电子书播报给我听等等。 语音合成系统 其实就是一个基于语音合成的工具&#xff0c;但是这个东西由于很多厂家都…...