HTML在前端开发中起到的作用,什么是字符串,web前端开发里起到什么作用

观察某宝商品数据,有一个东西叫服务器>>>>js的作用重要作用之一>>>>交互>>>>人机交互(事件)>>>>服务器交互(ajax);

服务器交互,数据处理方式json>>>>>要把它转化成字符串操作。

字符串操作重要性不言而喻。

什么是字符串?

字符串就是一串字符,由单(双)引号括起来,字符串是JavaScript的一种基本类型。

"undefined"——如果这个值未定义;

"boolean"——如果这个值是布尔值;

"string"——如果这个值是字符串;

"number"——如果这个值是数值;

"object"——如果这个值是对象或null;

字符串的操作 >>>>> 从1+1=2到1+1=11又怎样的区别那?(小复习)

字符串的声明:

var str="亲"; 基本类型 定义一个字符串变量str,内容为‘亲'

var str = new String(“hello”); 引用类型 定义一个字符串变量str,内容为hello, 注意此刻str为object(对象)类型 用new产生的变量都是引用类型的变量,也叫对象。

JavaScript特性之一>>>>>>万事万物皆对象;

基本类型值指的是简单的数据段,而引用类型是一个指向,指向javascript的内部对象。

字符串与html

1.当把html编译成字符串插入到页面中的时候 , JavaScript解析器会直接将字符串解析成代码。 比如:document.write('我是加粗的文字/strong>')

写在页面上是什么样子那?for循环和字符串拼接。(练习)

big() 用大号字体显示字符串

bold() 使用粗体显示字符串

fixed() 以打字机文本显示字符串

strike() 使用删除线来显示字符串

fontcolor() 使用指定颜色来显示字符串

fontsize() 使用指定尺寸来显示字符串

link() 将字符串显示为链接

sub() 把字符串显示为下标

sup() 把字符串显示为上标

//上述方法,都返回一个增加了标签的字符串,但是不对字符串本身进行操作;

没有html代码的商品列表页面

a41e9c8afa0415af1a261d16f513cbfe.png

两种声明字符串的方式差别。类型不同(原因)。字符串的下标length

字符串操作>>>>

1.查询操作

1)indexOf("abc") 查找字符串第一次出现的位置 ;

2)lastIndexOf("abc") 查找字符串最后一次出现的位置 如果没找到 返回-1

3)replace() 替换字符串//返回一个修改后的字符串不对原字符串进行操作

replace 替换字符串

如: var str="how are you";

alert(str.replace("are","old are"));

2.获取操作

charAt(3) //获取下标为3的字符

charCodeAt(3) //获取下标为3的字符的Unicode码

Unicode(统一码、万国码、单一码)是计算机科学领域里的一项业界标准,包括字符集、编码方案等。>>>>>翻译官思密达

String.fromCharCode(94) //编码转换成字符;

由于fromCharCode( )是String对象中的方法 ,所以在使用的时候要加上前缀String;

adc9062e84b321b1576e0792bceafde0.png

substring(start,end)//截取字符串,从第start位开始,到end位停止。

字符集

GBK、GB2312、GB18030、BIG5(繁体中文)

Unicode-8 UTF-8 Unicode-16

split(separator, howmany) >>>>>> 根据分隔符、拆分成数组;

separator (字符串);//根据什么进行拆分

howmany(可以指定返回的数组的最大长度) ;

【注】如果空字符串(“”)用作separator,那么stringObject中的每个字符之间都会被分割。

3.拼接操作

concat() 连接字符串 //最没用的方法

4.大小写操作

toLowerCase()

toUpperCase()

字符串操作练习

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/496075.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Swagger 注解~用于方法

ApiOperation 用于方法;表示一个http请求的操作 value用于方法描述 notes用于提示内容 tags可以重新分组(视情况而用)ApiParam 用于参数,字段说明;表示对参数的添加元数据(说明或是否必填等) na…

如何使用Linux匿名上网-四大法宝

From:https://www.linuxprobe.com/linux-anonymity-internet.html 导读 信息时代给我们的生活带来极大便利和好处的同时也带来了很大的风险。一方面,人们只要点击几下按钮,就能基本上访问已知存在的全部信息和知识;另一方面,要是这…

怎么改HTML表单数据,form设置的数据怎么添加到table

如图: 是一个form表单,在顶部输入数据点击新增,怎么把数据插入到下面的表格中,并显示。页面代码:编辑跳转表单的代码:showEditForm(text) >{const data_save this.props.signal.data_save.dataconst da…

Swagger 注解~用于模型

ApiModel 用于模型类 ;表示对类进行说明,用于参数用实体类接收 value–表示对象名 description–描述 都可省略ApiModelProperty 用于字段; 表示对model属性的说明或者数据操作更改 value–字段说明 name–重写属性名字 dataType–重写属性类…

命令行下 pdb 调试 Python 程序

官方参考网站 The Python Debugger : https://docs.python.org/3/library/pdb.html gdb 调试命令的使用及总结:https://blog.csdn.net/freeking101/article/details/54406982 使用 Pdb 调试 Python:https://segmentfault.com/a/1190000006628…

2021年高考成绩查询山东德洲,2021年德州高考状元是谁分数多少分,历年德州高考状元名单...

2020年德州一年一度的高考考试已经结束,今年德州高考状元是谁呢,德州高考状元出自哪个高中学校,文理科分数是多少分,一起来了解。一、2020年德州高考状元名单资料2020年德州高考状元名单和学校相关信息,截至目前发文时…

Swagger 注解~其他

ApiIgnore 用于类或者方法上,可以不被swagger显示在页面上 比较简单, 这里不做举例 ApiImplicitParam 用于方法,表示单独的请求参数ApiImplicitParams 用于方法,包含多个 ApiImplicitParam name–参数ming value–参数说明 dataType–数据类…

python3 爬虫实战 :用 Appium 抓取手机 app 微信朋友圈的数据

From:https://blog.csdn.net/Fan_shui/article/details/81413595 本编教程从 appium 的环境配置开始,到抓取手机 app 微信朋友圈结束。 知乎:https://zhuanlan.zhihu.com/p/41311503 GitHub:https://github.com/FanShuixing/git_…

SharePoint 2010中的内容类型集线器 - 内容类型发布与订阅

原文地址:http://www.chakkaradeep.com/post/SharePoint-2010-Content-Type-Hubs-e28093-Publish-and-Subscribe-to-Content-Types.aspx 注:此博客帖子是基于SharePoint2010技术预览版本。 MOSS 2007 假设您有一个网站集Web Application1 ,在…

如何用“底层逻辑”,看清世界的底牌?

来源:如何用“底层逻辑”,看清世界的底牌? 我的新书《底层逻辑》,终于要和大家见面了。 我常说,只有底层逻辑才有生命力。 因为底层逻辑在面临变化的时候,能够应用到新的变化里面,会产生出新…

python3 爬虫实战:mitmproxy 对接 python 下载抖音小视频

From:https://blog.csdn.net/Fan_shui/article/details/81461253 一、前言 前面我们已经用 appium 爬取了微信朋友圈,今天我们学习下 mitmproxy,mitmproxy 是干什么的呢,它跟 charles 和 fiddler类似,是一个抓包工具&a…

python3 爬虫实战:为爬虫添加 GUI 图像界面 之 tkinter

From:https://blog.csdn.net/Fan_shui/article/details/81611752 一、前言 前面我们写的爬虫只能运行在具有python环境的电脑上,若是把源代码发给别人,很大可能性是运行不了的,所以我们本节的目的是为爬虫创建 GUI 界面&#xff0…

22条API设计的实践

来源:22条API设计的最佳实践 来源:dockone.io/article/2434604 原文:https://betterprogramming.pub/22-best-practices-to-take-your-api-design-skills-to-the-next-level-65569b200b9 曾经因为一个糟糕的API而感到沮丧吗? 在…

linux python 永久添加自己的模块路径

Linux 环境变量配置 : https://blog.csdn.net/freeking101/article/details/81013045 linux python 永久添加自己的模块路径 添加路径: cd /usr/local/python3/lib/python3.6/site-packages vi my.pth 1 . 临时性添加>>>import sys >>>sys.path.a…

边缘计算:智慧城市的下一个浪潮

来源:资本实验室 作者:王进目前,在全球,智慧城市建设处于一个概念到逐步落地的过程,而科技巨头与投资大佬是这一新浪潮重要的参与者。2017年10月,Alphabet旗下城市创新部门Sidewalk Labs宣布,将…

Nature:揭示大脑中的免疫记忆

来源:生物谷摘要:在一项新的研究中,德国研究人员报道身体中的炎症可能影响小鼠大脑中的免疫细胞的“记忆”。在一项新的研究中,德国研究人员报道身体中的炎症可能影响小鼠大脑中的免疫细胞的“记忆”。如果这一发现在人体中得到证…

电竞专业与计算机专业,2021电竞专业的大学排名 电竞专业主要上什么课程

2017年教育部下文增设电竞专业,电子竞技人才培养体系正式形成。为了让广大电竞爱好者,从业者,考生及家长全面客观地了解电竞教育现状,电竞专业高校排行榜应运而生!2021年电竞专业大学排行榜1、中国传媒大学南广学院中国…

计算机主机部件与外设的工作原理,计算机组成原理名词解释和简答

第一章名词解释:1.中央处理器:主要由运算器和控制器组成。控制部件,运算部件,存储部件相互协调,共同完成对指令的执行。2.ALU:对数据进行算术和逻辑运算处理的部件。3.数据通路:由操作元件和存储…

周志华:满足这三大条件,可以考虑不用深度神经网络

来源: AI科技大本营摘要:4 月 15 日举办的京东人工智能创新峰会上,刚刚上任京东人工智能南京分院学术总顾问的周志华教授做了《关于深度学习一点思考》的公开分享。近年来,深度神经网络在语音、图像领域取得突出进展,以…