JavaScript 程序错误Cannot use 'in' operator to search的解决方法


Posted in Javascript onJuly 10, 2017

今天编程时,JavaScript 程序报了这样的错误:Cannot use 'in' operator to search for...,具体错误信息如下:

 JavaScript 程序错误Cannot use 'in' operator to search的解决方法

坦白说,这样的错误最难调试。因为它并不指向你所写的具体代码,而是泛泛指向了 lib.js 文件(该文件通常是第三方的打包压缩库),你几乎无法依据错误类型与错误指向来定位到实际编程中的错误位置。

怎么办?

这个时候,只有发挥“死磕”精神了!

死磕步骤:

依据故障页面以及错误信息,定位到出错的文件,这一点应该不难;

在出错的页面中,依次点击调试,看一看在哪一步开始报错 了!很关键!比如,一开始加载就出错了,那就定位到 js 文件的初始化部位;点击某个按钮出错了,那就定位到该按钮的对应事件代码中;以此类推。

在定位的代码范围内,采用“折中法”,一点点注释掉,刷新页面查看是否依然出错,如果出错,这说明注释掉部分的代码没有问题,放开注释,继续其他可疑的代码部分;如果没有错误了,恭喜你,你的定位位置就更加精细化了!总体思路就是如此,循环往复,相信,总会有“拨开云雾见朗朗青天”的欢喜的!

console.log('rendernerererer: ', schoolData)

const schoolNode = (
  <Select style={{width: '100%'}} placeholder="请选择所属学校">
    { schoolData.length && schoolData.map((item, idx) => (
      <Option key={idx} value={`${item.id}`}>{item.name}</Option>
    )) }
  </Select>
);

 JavaScript 程序错误Cannot use 'in' operator to search的解决方法

可以看到,rendernerererer 正确打印了出来,问题出在该行代码之后:

const schoolData = this.state.schoolList;
console.log('rendernerererer: ', schoolData)
 
const schoolNode = (
  <Select style={{width: '100%'}} placeholder="请选择所属学校">
    { schoolData.length ? schoolData.map((item, idx) => (
      <Option key={idx} value={`${item.id}`}>{item.name}</Option>
    )) : <Option value=''>请选择...</Option> }
  </Select>
);
const schoolData = this.state.schoolList;
console.log('rendernerererer: ', schoolData)
 
const schoolNode = (
  <Select style={{width: '100%'}} placeholder="请选择所属学校">
    { schoolData.length ? schoolData.map((item, idx) => (
      <Option key={idx} value={`${item.id}`}>{item.name}</Option>
    )) : null }
  </Select>
);

以上这篇JavaScript 程序错误Cannot use 'in' operator to search的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 Javascript
JS获取地址栏参数的小例子
Aug 23 Javascript
javascript相等运算符与等同运算符详细介绍
Nov 09 Javascript
前台js对象在后台转化java对象的问题探讨
Dec 20 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
Dec 07 Javascript
微信小程序 页面之间传参实例详解
Jan 13 Javascript
echarts饼图扇区添加点击事件的实例
Oct 16 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
Dec 25 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
Aug 28 Javascript
JavaScript模块管理的简单实现方式详解
Jun 15 Javascript
JavaScript实现前端倒计时效果
Feb 09 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 #Javascript
vue.js实现备忘录功能的方法
Jul 10 #Javascript
AugularJS从入门到实践(必看篇)
Jul 10 #Javascript
基于easyui checkbox 的一些操作处理方法
Jul 10 #Javascript
AngularJS实用基础知识_入门必备篇(推荐)
Jul 10 #Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 #Javascript
详谈AngularJs 控制器、数据绑定、作用域
Jul 09 #Javascript
You might like
PHP 进程锁定问题分析研究
2009/11/24 PHP
php 调试利器debug_print_backtrace()
2012/07/23 PHP
PHP中SESSION的注销与清除
2015/04/16 PHP
PHP错误机制知识汇总
2016/03/24 PHP
详解php用curl调用接口方法,get和post两种方式
2017/01/13 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
javascript事件问题
2009/09/05 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
Jquery实现的角色左右选择特效
2014/05/21 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
在javascript中创建对象的各种模式解析
2016/05/16 Javascript
js 轮播效果实例分享
2016/12/28 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
2017/12/14 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
2018/11/06 Javascript
webpack file-loader和url-loader的区别
2019/01/15 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
2019/04/17 Javascript
通过实践编写优雅的JavaScript代码
2019/05/30 Javascript
[06:04]DOTA2英雄梦之声Vol19卓尔游侠
2014/06/20 DOTA
[00:31]2016完美“圣”典风云人物:国士无双宣传片
2016/12/04 DOTA
python去除空格和换行符的实现方法(推荐)
2017/01/04 Python
Python unittest模块用法实例分析
2018/05/25 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
python format 格式化输出方法
2018/07/16 Python
Python正则表达式匹配数字和小数的方法
2019/07/03 Python
Python基于BeautifulSoup和requests实现的爬虫功能示例
2019/08/02 Python
opencv python在视屏上截图功能的实现
2020/03/05 Python
Python 在局部变量域中执行代码
2020/08/07 Python
质检部职责
2013/12/28 职场文书
大众服装店创业计划书范文
2014/01/01 职场文书
爱国主义演讲稿
2014/05/07 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
借条如何写
2015/05/26 职场文书
婚礼必备主持词范本!
2019/07/23 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书
MySQL 使用SQL语句修改表名的实现
2021/04/07 MySQL
JAVA长虹键法之建造者Builder模式实现
2022/04/10 Java/Android