js的奇怪现象(字符串篇)

最新推荐文章于 2026-01-06 22:03:14 发布
原创 最新推荐文章于 2026-01-06 22:03:14 发布 · 519 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #string #equals #java

本文通过三个实例探讨了JavaScript中字符串操作的常见误区与注意事项，包括使用new String引发的问题、字符串与HTML混合使用时的错误处理及字符串连接时的细节。

今天之举两个例子:
1. String 对象.
javascript 中提供了String用来进行字符串操作,但是我并不喜欢这个东西,请看下面的例子.
 

Code:
  1. <html>   
  2.  <head>   
  3.   <title> new document </title>    
  4.   <script type="text/javascript">   
  5.  function isEquals(){   
  6.   var s = "abc";   
  7.   var s1 = new String("abc");   
  8.   if(s === s1){   
  9.    alert("yes!");   
  10.   }else{   
  11.    alert("no!");   
  12.   }   
  13.  }    
  14.   </script>   
  15.  </head>   
  16.   
  17.  <body>   
  18.   <input type="button" value="test!" onclick="isEquals()" />   
  19.  </body>   
  20. </html>   


问题就出在new上, 它让字符串又创建了一个空间内存空间,  js与java不同字符串的比较没有equals方法,只能用== / ===比较. 所以当出现new时要仔细考虑一下,

2. 与html混合.

Code:
  1. <script type="text/javascript">   
  2.  function mytest_error(){   
  3.    var s = '<input type="button" value="test!" onclick="test("a","b")" />';   
  4.    document.write();   
  5.  }    
  6.   </script>  

这里的字符串是个不折不扣"隐形"的错误. onclick="test("a","b")" /> 这两个参数 会扰乱html的解析.
应该改为:

Code:
  1. <script type="text/javascript">   
  2.  function mytest_error(){   
  3.    var s = '<input type="button" value="test!" onclick="test(/'a/',/'b/')" />';   
  4.    document.write();   
  5.  }    
  6.   </script>  

 

3. 结束符号

Code:
  1. <html>   
  2.  <head>   
  3.   <title> new document </title>    
  4.   <script type="text/javascript">   
  5.  function mytest_error(){   
  6.    var s = 'http://www.cadn.net/test.php?name=hello'  
  7.     +'&age=10';   
  8.     +"&count=12"  
  9.   alert(s);   
  10.  }    
  11.   </script>   
  12.  </head>   
  13.  <body>   
  14.   <input type="button" value="test!" onclick="mytest_error()" />   
  15.  </body>   
  16. </html>  

 

怎么最后的参数没有了? 这样是不会报错的.但是它确实错了. 能找到原因吗? 呵呵!

oatn
关注
JavaScript教程-if-else-if值得比较，字符串比较，严格相等，？。
VAN
09-02 258
比较运算符始终返回布尔值。字符串的比较，会按照“词典”顺序逐字符地比较大小。当对不同类型的值进行比较时，它们会先被转化为数字（不包括严格相等检查）再进行比较。在非严格相等 == 下，null 和 undefined 相等且各自不等于任何其他的值。在使用 > 或 < 进行比较时，需要注意变量可能为 null/undefined 的情况。比较好的方法是单独检查变量是否等于 null/undefined。
MATLAB算法实战应用案例精讲-【数模应用】KMP字符串匹配（附C语言和Java代码）
qq_36130719的博客
06-04 667
KMP算法是三位学者在 Brute-Force算法的基础上同时提出的模式匹配的改进算法。Brute- Force算法在模式串中有多个字符和主串中的若干个连续字符比较都相等,但最后一个字符比较不相等时,主串的比较位置需要回退。KMP算法在上述情况下,主串位置不需要回退,从而可以大大提高效率。
js诡异现象
germmy-神一样的开发
03-03 191
document.getElementById(disableArr[iCycle]).disabled = "false";   你们说这个元素最后是可用还是不可用。   一般人肯定会说，当然是可用。   其实不是。   讲解： 注意这是个字符串，不是bool型。 如果 document.getElementById(disableArr[iCycle]).disabled ...
变量的声明提前和函数的声明提前 全局作用域和函数作用域的定义和释义
你好牛蛙！
11-08 1611
window全局对象 全局作用域： 直接编写在script标签中的js代码，都在全局作用域 全局作用域中的变量都是全局变量，在页面的任意的部分都可以访问的到 window对象的简介： window是全局作用域中的一个对象，他代表的是一个浏览器的窗口，他由浏览器创建，我们可以直接使用。 在全局作用域中，我们创建的变量都会作为window对象的属性保存 所以我们可以这样来调用全局作用域中的变量 同时，全局作用域中创建的函数都会作为window的方法来保存 全局作用域中的对象也可以作为window的属性 变
JS里一些奇怪的知识
热门推荐
前行,学习
06-04 1万+
元素变为可编辑 document.body.contentEditable=true 监听屏幕方向 : window.orientation window.addEventListener("resize", () => { if (window.orientation === 180 || window.orientation === 0) { // 正常方向或屏幕旋转180度 // 竖屏 } if (window.orientation === 90 || wind
Javascript"怪异"现象
weixin_30785593的博客
04-03 177
下面给大家看个例子，这个毫无疑问打印出10 1 var a = 10; 2 function test() { 3 console.log(a); 4 } 5 test(); 下面我改动一下 1 var a = 10; 2 function tes...
js中数据类型转换的一些奇怪现象，一定有你不知道的
Dream Running
09-20 670
最近无聊的时候把js中的各种false情况总结了一下
2.2、JavaScript 数据类型 - 字符串
_
03-02 1752
本小节主要讲解的基本数据类型中的字符串类型（string）和数字类型（number）。这两种数据类型在 JS 都是非常基础且常用的类型。掌握好它们是非常有必要的...
模板字符串很奇怪的现象求前辈解释
xiehao1593570的博客
10-10 182
模板字符串在不同情况下出现的小差异
java截取倒数后六位的字符串_JAVA中截取字符串substring用法详解
weixin_39700220的博客
12-22 5869
substringpublic String substring(int beginIndex)返回一个新的字符串，它是此字符串的一个子字符串。该子字符串始于指定索引处的字符，一直到此字符串末尾。例如："unhappy".substring(2) returns "happy""Harbison".substring(3) returns "bison""emptiness".substring(...
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
10-28
在描述中提到的现象是，通过JavaScript动态加载jQuery库（通过`<script>`标签的`src`属性远程调用）在IE8下工作正常，但当页面刷新后，就可能出现问题。这种问题通常与浏览器缓存、DOM加载顺序或者脚本执行时机有关...
php json_encode奇怪问题说明
12-19
在PHP中，`json_encode` 是一个非常重要的函数，它用于将PHP值转换为JSON（JavaScript Object Notation）格式的字符串。JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。然而，在使用...
一篇文章带您了解如何高效解决JavaScript计算精度出现误差的问题
Yu的博客
04-07 3420
如何高效解决JavaScript计算精度出现误差的问题
js常见怪异
weixin_34211761的博客
07-30 152
1.隐式转换为布尔：“truthy”和“falsy” 当 JavaScript 需要一个布尔值时（例如：if 语句），任何值都可以被使用。 最终这些值将被转换为 true 或 false。 下面这些值被转换为true和false undefined null Boolean: false Number: 0,-0, +0, NaN String: “ ” 其他的都是true...
HTML+layui表单校验范围值，根据条件显示隐藏某输入框
weixin_58412143的博客
01-06 126
【代码】HTML+layui表单校验范围值，根据条件显示隐藏某输入框。
XML与HTML：结构化数据的基石
最新发布
csbysj2020的博客
01-06 299
XML是一种用于存储和传输数据的标记语言。它允许用户自定义标签，从而创建结构化的数据格式。HTML是一种用于创建网页的标准标记语言。它通过标记标签来描述网页的结构和内容。XML和HTML都是结构化数据的重要工具。XML为数据存储和交换提供了灵活性和可扩展性，而HTML则为网页开发提供了丰富的标记标签和易于理解的结构。在现代网络技术中，两者发挥着不可替代的作用。了解XML和HTML的特点和应用场景，有助于我们更好地应对各种数据存储和展示需求。
html界面的树形菜单介绍与制作
qq_63084249的博客
01-06 321
<span>父节点</span><ul><li>子节点1</li><li>子节点2</li></ul>
Html +css+js 写的一个小商城系统（POS系统）
PieroPc的博客
01-01 737
本文介绍了一个功能完善的电脑配件商品库存管理与采购清单生成系统。该系统支持商品浏览、分类筛选、关键词搜索、购物车管理等功能，具有Excel导出和打印采购清单的能力。主要特点包括：138种电脑配件展示、实时库存显示、本地存储购物车数据、响应式设计适配多种设备、A5格式打印优化等。系统采用HTML5/CSS3和JavaScript实现，使用LocalStorage保存数据，SheetJS库处理Excel导出。提供密码保护功能，可导出完整商品库。
HTML:SQLite本地网页查看
aimersong69的博客
01-06 190
本文介绍了一个基于Web的SQLite本地查看器工具，无需安装即可在浏览器中查看SQLite数据库。该工具采用HTML5技术实现，支持拖拽上传.db/.sqlite文件，提供表结构浏览、数据查询、自定义SQL执行和数据导出为CSV等功能。通过sql.js库实现前端SQL解析，保证数据在本地处理，避免云端传输的安全风险。界面采用现代化设计，包含响应式布局、表格展示和交互式操作，适合开发人员快速查看和分析SQLite数据库内容。
js中数字1加0结果为0
03-13
<think>嗯，用户问的是JavaScript中数字1加0的结果为什么是0。这看起来有点奇怪，因为正常情况下1+0应该是1才对。那问题出在哪里呢？ 首先，我得考虑用户可能遇到的代码情况。可能他们看到的代码中，1和0并不是真正的数字类型，而是其他类型的数据。比如字符串或者布尔值。这时候，JavaScript的类型转换规则就会起作用，导致结果不符合预期。 接下来，我需要回忆JavaScript中的加法运算规则。如果操作数中有字符串，加法会变成字符串拼接。例如，"1" + 0会变成"10"，而不是数值1。但用户得到的是0，这不太对。所以可能还有其他情况。 然后，检查用户提供的引用内容。引用2提到使用typeof判断是否为数字，如果其中一个操作数不是数字类型，比如字符串或者布尔值，可能会导致类型转换的问题。比如，true + false的结果是1，因为true转换为1，false转换为0。但用户的情况是1+0等于0，这可能需要更特殊的例子。 再想想，可能用户使用了某些函数导致数值被错误处理。比如引用3中的pad函数，如果在处理数字时，错误地将数字转换为字符串并进行切片，可能会导致数值被截断。但这里的问题是关于加法，所以可能不相关。 另一个可能性是运算符优先级或类型转换的问题。比如，如果其中一个操作数被转换为布尔值，而JavaScript中true是1，false是0。但1和0本身是数字，所以正常加法应该是1。不过，如果用户误用了其他运算符，比如位运算符，比如按位或（|），1 | 0的结果是1，而按位与（&），1 & 0的结果是0。这时候，如果用户错误地使用了位运算符，可能会得到0的结果。例如，1 & 0确实等于0，而1 + 0应该是1。所以用户可能混淆了运算符，比如把+写成了&。 还需要考虑隐式类型转换的情况。例如，如果其中一个操作数是null或undefined，可能导致意外结果。但1 + null等于1，因为null转换为0；1 + undefined的结果是NaN，因为undefined转换为NaN。所以这也不符合用户的情况。 另外，可能用户的环境中变量被覆盖了。例如，变量1被重新赋值为0，或者在作用域中存在变量名冲突，导致数值被错误地引用。这时候，1实际上可能指向另一个变量，导致计算错误。 总结可能的原因： 1. 操作数中存在字符串，导致字符串拼接，但结果不符合用户的情况。 2. 错误使用了位运算符，如按位与（&），导致结果为0。 3. 变量被意外修改，导致数值不正确。 4. 其他类型转换错误，比如布尔值或其他类型的隐式转换。 根据这些可能性，我需要一步步引导用户检查他们的代码，确认操作数的类型，运算符是否正确，以及变量是否被正确赋值。同时，结合引用的资料，比如使用typeof检查类型，确保操作数确实是数字类型。</think>JavaScript中数字`1 + 0`结果为`0`的现象通常由以下原因导致： ### 一、操作数类型错误 1. **隐式类型转换**：如果其中一个操作数实际是字符串类型（如`"1"`），JavaScript会将加法运算转换为字符串拼接。例如`"1" + 0`结果为`"10"`。但若结果为`0`，需要进一步检查类型： ```javascript console.log(typeof yourVariable); // 检查变量类型[^2] ``` 2. **布尔值参与运算**：若操作数为布尔值（如`true`被隐式转换为`1`，`false`转换为`0`），可能导致意外结果： ```javascript console.log(true + false); // 输出 1 (1+0) ``` ### 二、运算符误用 - **位运算符干扰**：若误用位运算符`&`（按位与）代替`+`，例如： ```javascript console.log(1 & 0); // 输出 0 ``` ### 三、变量覆盖问题 - **变量被意外修改**：可能变量在作用域链中被覆盖，例如： ```javascript let a = 1; function test() { let a = 0; // 覆盖外部变量 console.log(a + 0); // 输出 0 } ``` ### 验证步骤 1. **检查操作数类型**： ```javascript console.log(typeof 1, typeof 0); // 应为 "number number" ``` 2. **验证运算符**： ```javascript console.log(1 + 0); // 正确结果应为 1 ``` 3. **使用严格模式**： ```javascript "use strict"; // 避免隐式全局变量污染 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值