JS实现查找数组中对象的属性值是否存在示例


Posted in Javascript onMay 24, 2019

本文实例讲述了JS实现查找数组中对象的属性值是否存在。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script>
  var studentsArray =
    [
      {
        "rollnumber": 1,
        "name": "dj",
        "subject": "physics"
      },
      {
        "rollnumber": 2,
        "name": "tanmay",
        "subject": "biology"
      },
      {
        "rollnumber": 3,
        "name": "amit",
        "subject": "chemistry"
      }
    ];
  function functiontofindIndexByKeyValue(arraytosearch, key, valuetosearch) {
    for (var i = 0; i < arraytosearch.length; i++) {
      if (arraytosearch[i][key] == valuetosearch) {
        return i;
      }
    }
    return null;
  }
  var index = functiontofindIndexByKeyValue(studentsArray, "rollnumber", 3);
  console.log(index);
</script>
</body>
</html>

使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码,可得如下运行结果:

JS实现查找数组中对象的属性值是否存在示例

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript使用shift+click实现选择和反选checkbox的方法
May 04 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
bootstrap fileinput 上传插件的基础使用
Feb 17 Javascript
Angular1.x自定义指令实例详解
Mar 01 Javascript
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
npm 常用命令详解(小结)
Jan 17 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
Aug 27 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
Jan 05 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
Apr 11 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
Jun 08 Javascript
vue组件中实现嵌套子组件案例
Aug 31 Javascript
jQuery中使用validate插件校验表单功能
May 24 #jQuery
echarts多条折线图动态分层的实现方法
May 24 #Javascript
Echarts动态加载多条折线图的实现代码
May 24 #Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
May 24 #Javascript
微信小程序wepy框架学习和使用心得详解
May 24 #Javascript
JS实现可切换图片的幻灯切换效果示例
May 24 #Javascript
微信小程序动态添加view组件的实例代码
May 23 #Javascript
You might like
PHP编实现程动态图像的创建代码
2008/09/28 PHP
php 错误处理经验分享
2011/10/11 PHP
PHP根据传入参数合并多个JS和CSS文件的简单实现
2014/06/13 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
JavaScript窗口功能指南之在窗口中书写内容
2006/07/21 Javascript
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
jquery 图片 上一张 下一张 链接效果(续篇)
2010/04/20 Javascript
javascript动态加载二
2012/08/22 Javascript
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
Javascript中 关于prototype属性实现继承的原理图
2013/04/16 Javascript
javascript字母大小写转换的4个函数详解
2014/05/09 Javascript
js根据鼠标移动速度背景图片自动旋转的方法
2015/02/28 Javascript
jQuery中text() val()和html()的区别实例详解
2016/06/28 Javascript
JS中常用的正则表达式
2016/09/29 Javascript
jQuery如何解决IE输入框不能输入的问题
2016/10/08 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
2018/01/25 Javascript
关于微信公众号开发无法支付的问题解决
2018/12/28 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
2019/05/10 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
2020/05/26 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
[01:05:32]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第一局
2016/03/04 DOTA
[04:52]第二届DOTA2亚洲邀请赛主赛事第一天比赛集锦:OG娜迦海妖放大配合谜团大中3人
2017/04/02 DOTA
python正则表达式之作业计算器
2016/03/18 Python
Python 模拟员工信息数据库操作的实例
2017/10/23 Python
kali中python版本的切换方法
2019/07/11 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
css3让div随鼠标移动而抖动起来
2014/02/10 HTML / CSS
中国电视购物:快乐购
2017/02/04 全球购物
linux面试题参考答案(10)
2016/10/26 面试题
英智兴达软件测试笔试题
2016/10/12 面试题
介绍下static、final、abstract区别
2015/01/30 面试题
《画家和牧童》教学反思
2016/02/17 职场文书
Python 使用dict实现switch的操作
2021/04/07 Python
Vue中foreach数组与js中遍历数组的写法说明
2021/06/05 Vue.js
Python实战之OpenCV实现猫脸检测
2021/06/26 Python