`
刘朝雪
  • 浏览: 82615 次
  • 来自: 河北
社区版块
存档分类
最新评论

javascript基础:简单的拼接

 
阅读更多

字符串的拼接:

 简单的例子: var hello = 'Hello';

       var world = 'World';

       var helloworld = hello+world;

或者

  var helloworld = 'Hello'+'World'

复杂的例子:哈希表all_scores和部分学生数组stu_names,获取所需学生的成绩信息

var all_scores = {'杨璐':[131,143,144],
    '王雪':[131,135,144],
    '韩林霖':[127,139,142],
    '沙龙逸':[123,148,136],
    '李鉴学':[126,135,140],
    '韩雨萌':[129,133,138],
    '刘帅':[116,143,140],
    '康惠雯':[114,142,139],
    '刘钰婷':[115,139,135],
    '林世博':[116,142,129]};
var stu_names = ['沙龙逸','刘钰婷','韩林霖'];
var str_stu_score_info = '下面是部分学生的成绩详情';

 

 做法:

 

for(var i = 0; i < stu_names.length;i ++)
//使用for循环查询数组stu_names中学生的成绩
{
     str_stu_score_info=str_stu_score_info+'\n'+stu_names[i]+'\t'+"语文"+all_scores[stu_names[i]][0]+' '+
                    "数学"+all_scores[stu_names[i]][1]+' '+"英语"+all_scores[stu_names[i]][2];

}
console.log(str_stu_score_info)

 

 打印后:

 

下面是部分学生的成绩详情
沙龙逸    语文123 数学148 英语136
刘钰婷    语文115 数学139 英语135
韩林霖    语文127 数学139 英语142

 

 

 

分享到:
评论

相关推荐

    网页基础:第次课JavaScript对象优秀PPT.ppt

    当尝试将数字与字符串相加,如`alert(10 + "30")`,JavaScript会将数字转换为字符串,然后拼接,因此输出为"1030"。 将字符串转换为整数,可以使用`parseInt()`或`Number()`函数。例如: ```javascript var str = ...

    JavaScript基础语法资料 JavaScript代码 素材 笔记 作业资料.zip

    JavaScript基础语法资料 JavaScript代码 素材 笔记 作业资料,学习资料 01-编程语言.html 02-JS初体验.html 03-JS注释.html 04-JS输入输出语句.html 05-变量.html 06-变量案例.html 07-变量案例弹出用户名.html 08-...

    JavaScript基础练习_day12

    ### JavaScript基础练习_day12 #### 知识点概述 本篇练习主要涵盖了以下几个方面的JavaScript基础知识: 1. **数组操作**:使用数组进行循环、条件判断等基础操作。 2. **数学运算**:通过数学计算解决实际问题。...

    107个Javascript基础.

    根据给定文件的信息,我们可以提炼出一系列与JavaScript基础相关的知识点,包括语法、DOM操作、数据类型转换、表单处理以及日期时间的操作等。下面将详细解释这些知识点。 ### 1. 使用`document.write("")` `...

    JavaScript编程 基础知识

    ### JavaScript编程基础知识详解 #### 一、JavaScript代码的放置与引入方式 1. **JavaScript代码应置于`&lt;script&gt;&lt;/script&gt;`标签内** - JavaScript 代码通常被包含在 HTML 文件中的 `&lt;script&gt;` 标签之间。 - 示例...

    1 妙味课堂原创JavaScript视频教程 JS基础教程5课资料

    通过这5课的学习,学员将对JavaScript有一个全面的了解,能够编写简单的交互式网页,并具备进一步深入学习前端框架(如React、Vue、Angular)的基础。源代码的提供让学习者能够动手实践,加深理解和记忆。在学习过程...

    在线拼接图片工具HTML源码.zip

    - 图片拼接:利用canvas的drawImage方法将多张图片绘制到同一个画布上,实现拼接效果。 - 用户交互反馈:如进度条显示上传进度,错误提示等。 4. 图像处理库(如jQuery、fabric.js或Pixi.js): 为了简化...

    基础javascript知识

    掌握JavaScript基础对于前端开发至关重要,它是构建动态网页和开发复杂交互应用的基石。随着学习的深入,还应了解DOM操作、事件处理、JSON处理、异步编程(如Promise、async/await)等更高级的JavaScript特性。

    JavaScript脚本资源

    标题:“JavaScript脚本资源” ...JavaScript的强大之处在于其灵活性和广泛的应用场景,无论是简单的页面动态效果还是复杂的Web应用程序,都离不开它的身影。掌握这些基础知识,将为后续的Web开发之路打下坚实的基础。

    javascript深入浅出

    #### 二、JavaScript基础 1. **语法结构**:介绍了JavaScript的基本语法,包括变量声明、数据类型、运算符、控制语句等。 2. **函数与作用域**: - **函数定义与调用**:如何定义函数及调用方式。 - **作用域与...

    JSON格式拼接问题

    它基于JavaScript的一个子集,但比XML更加简单易读,同时支持多种编程语言如C、C++、C#、Java、JavaScript、Perl、Python等。 JSON主要包含两种结构: 1. **对象**:由键值对组成,形如 `{key: value}` 的形式。...

    【JavaScript源代码】js实现网页计算器.docx

    3. JavaScript基础:事件处理(onclick事件),DOM操作(getElementById获取元素,value属性获取或设置值),条件语句(switch-case结构),字符串操作(拼接字符)和内置函数(eval用于计算表达式)。 通过这个...

    The JavaScript Anthology 101 Essential Tips, Tricks

    本书旨在为读者提供一系列实用的JavaScript技巧和技术,涵盖从基础到高级的多个方面。 #### 二、主要内容 本书共分为20章,内容涵盖了JavaScript的各个方面: 1. **Getting Started with JavaScript(JavaScript...

    网页拼接,html css

    总的来说,掌握HTML和CSS的网页拼接技巧,不仅能帮助你创建出个性化的网页,也能为将来深入学习JavaScript和其他前端技术打下坚实基础。不断实践、学习和迭代,你将能在网页设计的世界里游刃有余。

    浅谈JavaScript字符串拼接

    在JavaScript开发中,字符串拼接是一项基础但十分常见的操作,它允许我们将多个字符串组合成一个单一的字符串。随着Web开发的复杂性增加,字符串拼接的需求也变得更为多样化,尤其是对于处理较长的字符串时,如何...

    javascript计算器代码

    JavaScript计算器代码是一个基础的编程项目,它展示了如何使用JavaScript实现一个简单的计算器功能。在这个项目中,我们主要会涉及以下几个JavaScript编程知识点: 1. **DOM操作**:JavaScript与HTML交互的关键在于...

    javascript-handbook

    - **发展历程**:JavaScript自诞生以来经历了巨大的发展,从最初的简单功能到如今支持复杂的Web应用程序。它的应用范围也从网页动态效果扩展到了服务器端编程、移动应用开发等多个领域。 #### 二、ECMAScript - **...

    javascript 教程-学习笔记.docx

    #### 一、JavaScript 基础语法介绍 **1.1 双标签引入外部 JS 文件** 在 HTML 中,我们可以通过 `&lt;script&gt;` 标签来引入外部的 JavaScript 文件。例如: ```html &lt;script src="my.js"&gt;&lt;/script&gt; ``` 这里 `src` ...

Global site tag (gtag.js) - Google Analytics