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 selection的兼容性写法介绍
Dec 20 Javascript
javascript中parseInt()函数的定义和用法分析
Dec 20 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
Jun 23 Javascript
Bootstrap实现水平排列的表单
Jul 04 Javascript
最棒的Angular2表格控件
Aug 10 Javascript
详解微信小程序开发之下拉刷新 上拉加载
Nov 24 Javascript
vue2 自定义动态组件所遇到的问题
Jun 08 Javascript
Vue.js上下滚动加载组件的实例代码
Jul 17 Javascript
vue.js中$set与数组更新方法
Mar 08 Javascript
JS实现的透明度渐变动画效果示例
Apr 28 Javascript
Node.js log4js日志管理详解
Jul 31 Javascript
微信小程序实现多选框全选与取消全选功能示例
May 14 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
使用图灵api创建微信聊天机器人
2015/07/23 PHP
Javascript学习笔记1 数据类型
2010/01/11 Javascript
js编码、解码函数介绍及其使用示例
2013/09/05 Javascript
javascript中的后退和刷新实现方法
2016/11/10 Javascript
详谈jQuery.load()和Jsp的include的区别
2017/04/12 jQuery
Vue 进阶教程之v-model详解
2017/05/06 Javascript
原生JS 购物车及购物页面的cookie使用方法
2017/08/21 Javascript
关于Promise 异步编程的实例讲解
2017/09/01 Javascript
Javascript中将变量转换为字符串的三种方法
2017/09/19 Javascript
微信小程序获取手机网络状态的方法【附源码下载】
2017/12/08 Javascript
原生JS实现的雪花飘落动画效果
2018/05/03 Javascript
基于JS实现带动画效果的流程进度条
2018/06/01 Javascript
微信小程序如何使用云开发
2019/05/17 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
2020/04/30 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
2020/09/16 Javascript
vue3+typeScript穿梭框的实现示例
2020/12/29 Vue.js
Django框架下在视图中使用模版的方法
2015/07/16 Python
各个系统下的Python解释器相关安装方法
2015/10/12 Python
Python实现字符串逆序输出功能示例
2017/06/24 Python
numpy排序与集合运算用法示例
2017/12/15 Python
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
浅析python继承与多重继承
2018/09/13 Python
简单易懂Pytorch实战实例VGG深度网络
2019/08/27 Python
python 实现return返回多个值
2019/11/19 Python
通过实例简单了解Python sys.argv[]使用方法
2020/08/04 Python
HTML5中indexedDB 数据库的使用实例
2017/05/11 HTML / CSS
北京天润融通.net面试题笔试题
2012/02/20 面试题
网友共享的几个面试题关于Java和Unix等方面的
2016/09/08 面试题
2014年健康教育实施方案
2014/02/17 职场文书
中学生学雷锋活动心得体会
2014/03/10 职场文书
2014年采购员工作总结
2014/11/18 职场文书
孕妇离婚协议书范本
2014/11/20 职场文书
2014年物业管理工作总结
2014/11/21 职场文书
2015年重阳节活动主持词
2015/07/30 职场文书