
[英]TypeError: dropdown is null when trying to access Dom element in reactjs
[英]TypeError: name is null when trying to replace problematic characters
在尝试通过JavaScript从导入的文本中删除有问题的字符时,我收到TypeError:此行上的名称为“ null”:
for ( var i = 0; i < name.length; i++) {
这是代码的相关部分-
fixNameToMiniCharset : function (name) {
if(typeof name == 'undefined') {
com.synckolab.global.consoleService.logStringMessage("undefined string " + new Error("s").stack);
}
var ret = "";
// avoid double placeholders
var placeHolder = false;
for ( var i = 0; i < name.length; i++) {
switch (name.charAt(i)) {
// character replaces... better this way
case '\u00e4':
case '\u00e1':
case '\u00e0':
case '\u00e2':
case '\u00e3':
case '\u00e5':
case '\u00e6':
placeHolder = false;
ret += 'a';
break;
case '\u00c4':
case '\u00c1':
case '\u00c0':
case '\u00c2':
case '\u00c3':
case '\u00c5':
case '\u00c6':
placeHolder = false;
ret += 'A';
break;
case '\u00f6':
case '\u00f3':
case '\u00f2':
case '\u00f4':
case '\u00f5':
case '\u00f8':
placeHolder = false;
ret += 'o';
break;
case '\u00d6':
case '\u00d3':
case '\u00d2':
case '\u00d4':
case '\u00d5':
case '\u00D6':
placeHolder = false;
ret += 'O';
break;
case '\u00fc':
case '\u00fa':
case '\u00f9':
case '\u00fb':
case '\u0169':
case '\u0171':
placeHolder = false;
ret += 'u';
break;
case '\u00dc':
case '\u00da':
case '\u00d9':
case '\u00db':
case '\u0168':
placeHolder = false;
ret += 'U';
break;
case '\u00c8':
case '\u00c9':
case '\u00ca':
case '\u00cb':
placeHolder = false;
ret += 'E';
break;
case '\u00e8':
case '\u00e9':
case '\u00ea':
case '\u00eb':
placeHolder = false;
ret += 'e';
break;
case '\u00ec':
case '\u00ed':
case '\u00ee':
case '\u00ef':
placeHolder = false;
ret += 'i';
break;
case '\u00dd':
case '\u00a5':
placeHolder = false;
ret += 'Y';
break;
case '\u00c7':
placeHolder = false;
ret += 'C';
break;
case '\u00e7':
placeHolder = false;
ret += 'c';
break;
case '\u00fd':
case '\u00ff':
placeHolder = false;
ret += 'y';
break;
case '\u00df':
placeHolder = false;
ret += 's';
break;
case '\u00f1':
placeHolder = false;
ret += 'n';
break;
case '\u00b2':
placeHolder = false;
ret += '2';
break;
case '\u00b3':
placeHolder = false;
ret += '3';
break;
// chars which are no problem just stay
case '_':
// make sure to print it only once
if(!placeHolder) {
ret += name.charAt(i);
placeHolder = true;
}
break;
default:
var c = name.charAt(i);
if ((c >= 'A' && c <= 'Z') || (c >= 'a' && c <= 'z') || (c >= '0' && c <= '9')) {
placeHolder = false;
ret += c;
} else {
if (!placeHolder) {
ret += '_';
placeHolder = true;
}
}
}
}
return ret;
更改这些行:
if(typeof name == 'undefined') {
com.synckolab.global.consoleService.logStringMessage("undefined string " + new Error("s").stack);
}
到以下内容:
if(!name) {
com.synckolab.global.consoleService.logStringMessage("undefined string " + new Error("s").stack);
return;
}
这将检查未定义的空值和其他虚假值,这将使您的函数无法正常工作。
乍一看,问题很简单:您正在检查参数的类型:如果未定义,则函数将无法运行。 但是在JS中,null并非未定义,并且undefined也不为空。
console.log(typeof null);//object!
console.log(null == undefined);//true
console.log(null === undefined);//false!
因此,可以通过检查所有虚假值来替换if(if( if(typeof name == 'undefined')
):
if(!name)
{
//invalid argument: false, null, 0, '' and undefined
}
//valid args: true, '0', any number, other than 0, strings objects...
或者,在您的情况下可能更可取:检查是否有length属性可供使用
if (!name || !name.length)
{
//invalid
}
或检查输入是否为字符串:
if (typeof name === 'string')
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.