使用“+=”拼接字符串，打印的时候出现undefined

最新推荐文章于 2022-11-23 18:50:55 发布
最新推荐文章于 2022-11-23 18:50:55 发布
阅读量934 收藏
点赞数
文章标签： 前端 JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_36270908/article/details/88865692
版权

使用“+=”拼接字符串，打印的时候出现undefined

出现undefined的代码如下

  var contentstr
  contentstr += "<div class='ques-box'><p>问题：<p><div class='ques-box-title'>描述:"+obj.phenomenon+"</div><div class='ques-box-content'>解决方法："+obj.quMethod+"</div></div>"

打印出现如下情况

在这里插入图片描述

将代码改为如下就好了

  var contentstr = ‘’
  contentstr += "<div class='ques-box'><p>问题：<p><div class='ques-box-title'>描述:"+obj.phenomenon+"</div><div class='ques-box-content'>解决方法："+obj.quMethod+"</div></div>"

在这里插入图片描述
原先声明contentstr时，并没有定义，它是没有值的。所以是undefined，给str附空值即可

cbat01
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解析JavaScript中的字符串类型与字符编码支持
11-22
字符串连接是常见的操作，可以使用加号(+)来拼接多个字符串，例如 `var longString = 'Long '+ 'long '+ 'long '+ 'string';`。这种方式也可以用来处理长字符串，使其在源代码中跨越多行。 JavaScript字符串还支持...
JavaScript中join()方法的使用简介
12-09
2. **URL拼接**：构建URL查询字符串时，可以使用`join()`将键值对连接起来。 3. **字符串化数组**：如果你需要将数组内容打印到控制台或写入日志，`join()`可以帮助你生成更易读的格式。 4. **HTML生成**：在动态...
用‘+=’拼接字符串，打印时总会出现一个undefined
weixin_30701575的博客
04-05 196
var str; for(var i = 0; i < 5; i++){ str += String(i); } console.log(str); 他喵的，打印的结果竟然是“undefined01234”，换着法的打印，总会出现undefined，无语。 后来仔细观察了下，问题很简单。 首先声明str时，并没有定义，它是没有值的。而‘...
去除字符串拼接中出现的undefined
08-23 816
1 while($scope.addProject.info.integratedSupplierChain.indexOf('undefined') >= 0) 2 $scope.addProject.info.integratedSupplierChain = $scope.addProject.info.integratedSupplierChain.replace('...
js 中 += 出现 undefined
liu510817387的专栏
07-08 1077
var str; str += 'test'; document.write(str); 结果却是 undefinedtest += 就是  str = str + 'test'; var 了 str  却没有给初始值   所以  typeof(str) 显示undefined  str 的值也会是undefined 这样说 var  字面应该不是定义变量   而且赋值     或都理解为
js拼字符串，显示在页面上，出现undefined字样处理办法
杀客o凹胖
01-19 2595
首先，你需要明白为什么会出现undefined，这个东西是什么？ undefined是说明你所使用的对象未定义，为什么会未定义？ 例如： var str; str = str+"&lt;table&gt;&lt;tr&gt;&lt;td&gt;1111&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;"; $("#strId").html(
js拼接字符串时，字符串首出现undefined的问题
Spotlight_mar的博客
10-01 5291
undefined是说明你所使用的对象未定义。 例如：var str; str += "go to school"; console.log(str); //输出undefinedgotoshchod这是计算str = str + “go to school”时，第一个str未定义未字符串造成的。 var str=”“; 这样写就没有问题了
javascript入门笔记
05-15
+=，-=，*=，/=，^=，... ... a += b; ==> a = a + b; a = a + 1; ==> a += 1; ==> a++ ; ==> ++a 3、练习 1、从弹框中，分两次输入两个数字，分别保存在 a 和 b中 2、如果 a 大于 b的话 ，则交换两个数字的...
公司Web前端面试题
04-13
- **解析**：在JavaScript中，当字符串与其他类型的数据相加时，会自动将其他类型的数据转换为字符串类型，然后进行字符串拼接。这里`a1`和`a2`都是数字类型，但因为它们与字符串直接相连，所以会被转换为字符串并...
js代码-js基础练习第一天
07-16
2. **字符串操作**：`main.js`可能包含了对字符串的各种操作，如拼接、查找、替换等。例如，`let str = "Hello"; str += " World";`将生成"Hello World"。 3. **条件语句**：`if...else`用于根据条件执行不同代码块...
js拼接html空字符undefined,JS拼接URL字符串
weixin_42211324的博客
07-01 505
方法解析使用encodeURIComponent进行编码，比如中文考虑到对象是否还包含别的类型，如数组 对象代码function encodeSearchParams(obj) {const params = [];Object.keys(obj).forEach((key) => {let value = obj[key];// 如果值为undefined置空if (typeof valu...
5.js 打印出undefined的情况有哪些？
qq_56491274的博客
11-23 530
js 打印出undefined的情况有哪些？
Angular常见错误描述
热门推荐
七夜之家
01-18 1万+
错误描述：Error: [ng:areq] http://errors.angularjs.org/1.4.8/ng/areq?p0=HelloCtrl&p1=not%20a%20function%2C%20got%20undefined
解决点击事件传参，打印时却为undefined的问题
09-06 2274
话不多说上代码 <scroll-view scroll-y="true" scroll-top="0" :style="{height:indexHeight}" @scrolltolower="ReachBottom" scroll-with-animation="true"> <view class="product" v-for="(item,index) in products" :key="item.id" > <view class="items"&gt
页面跳转拼接路径有问题
juse__we的博客
07-06 944
页面跳转拼接路径有问题 基本为'/'没写，导致直接与原先页面拼接了
Vue中使用${}拼接字符串拼接出现的问题
二十岁的程序员想搞钱
05-20 1594
我在写课程大作业时遇到这样的问题，需要在页面弹窗中添加变量属性，如下 <template> <li class="list_group_item"> <div class="delete"> <a href="javascript:" @click="deleteItem">删除</a> </div> <p class="user"><span>{{comment.name
请分析这段代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button id="but">点击</button> <div id="div1"></div> <script> init(); function init(){ var div1=document.getElementById("div1"); but.onclick=clickHeadler; } function clickHeadler(){ var size=random(101.20); var color="#"; for(i=0;i<6;i++){ color+=parseInt(random(16)).toString(16); } var str="<div style='"; str+="width:"+size+"px;"; str+="height:"+size+"px;"; str+="background:"+color+";"; str+="position:absolute;" str+="left:"+random(1000)+"px;"; str+="top:"+random(1000)+"px;"; str+="'>"+"</div>"; div1.innerHTML+=(str); } function random(a,b){ if(b===undefined) b=0; return parseInt(Math.random()*(a-b)+b); } </script> </body> </html>
最新发布
06-07
这段代码实现了一个随机生成彩色方块的功能，点击按钮时会在指定范围内随机生成不同颜色、大小、位置的方块，并添加到页面上。 代码分析： 1. HTML 部分： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button id="but">点击</button> <div id="div1"></div> <script> // ... </script> </body> </html> ``` 这段 HTML 代码包含一个按钮和一个空的 div 容器，用于显示生成的方块。 2. JavaScript 部分： ```javascript function init() { var div1 = document.getElementById("div1"); but.onclick = clickHeadler; } function clickHeadler() { var size = random(101.20); var color = "#"; for (i = 0; i < 6; i++) { color += parseInt(random(16)).toString(16); } var str = "<div style='"; str += "width:" + size + "px;"; str += "height:" + size + "px;"; str += "background:" + color + ";"; str += "position:absolute;" str += "left:" + random(1000) + "px;"; str += "top:" + random(1000) + "px;"; str += "'>" + "</div>"; div1.innerHTML += (str); } function random(a, b) { if (b === undefined) b = 0; return parseInt(Math.random() * (a - b) + b); } init(); ``` 这段 JavaScript 代码分为三部分： - `init()` 函数：用于初始化页面，获取 div 容器的元素并为按钮添加点击事件。 - `clickHeadler()` 函数：为按钮点击事件的回调函数，随机生成方块的大小、颜色和位置，并将其添加到 div 容器中。 - `random()` 函数：用于生成指定范围内的随机整数。 在 `clickHeadler()` 函数中，通过随机生成方块的大小、颜色和位置等样式，将其拼接成一个字符串，并通过 div 容器的 innerHTML 属性将该字符串添加到 div 容器中，从而实现在指定范围内随机生成方块的功能。 需要注意的是，生成的方块是绝对定位的，因此需要在 CSS 样式中设置 div 容器的 position 属性为 relative 或 absolute。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值