当前位置: 首页 > article >正文

网页前端开发之Javascript入门篇(7/9):字符串

Javascript字符串

什么是字符串?
答:其概念跟 Python教程 介绍的一样,只是语法上有所变化。

在 Javascript 中,一个字符串变量可以看做是其内置类String的一个实例(Javascript会自动包装)。
因此它拥有一些类属性类方法,你可以按照实例的语法去读取或调用它们。

下面是常见的字符串用法:

创建

📘 示例

var name = "John";  // 用双引号括住文字内容
console.log(name);
var name = 'Jonh';  // 单引号和双引号作用一样
console.log(name);

读取

使用索引值来读取字符串中指定位置的字符。
其语法是: 变量名 带上一对 中括号 ,里面填入 索引值 即可。

📘 示例

var name = 'John';
var char = name[0];
console.log(char);  // 第1个字符的索引值是0,所以输出:J

长度

使用字符串的类属性length来获取字符串的长度。

📘 示例

var name = 'John';
var n = name.length;
console.log(n);  // 输出:4

拼接

使用 加号 (+)运算符来拼接两个字符串。

📘 示例

var first_name = 'John';
var last_name = 'Doe';
var full_name = first_name + last_name; // 加号对字符串变量起拼接作用
console.log(full_name);  // 输出:JohnDoe

替换

使用字符串的类方法replace来替换字符串的内容。

📘 示例

var sss = "hello,world";
var xxx = sss.replace("world", "javascript");  // 参数1是要替换的值,参数2是替换后的值
var yyy = xxx.replace("javascript", "");       // 替换为空,相当删除
console.log(sss);  // 因为 replace 并不会修改原有值,只是返回一个新的修改值,所以 sss 不会变
console.log(xxx);  // 输出:hello,javascript
console.log(yyy);  // 输出:hello,

除了 replace 类方法之外,字符串还拥有其他的类方法,你可以根据需求调用即可。

空字符串类型

📘 示例

var sss = "";  // 什么都不填,则为一个空的字符串
console.log(sss);

字符串类型的数字

📘 示例

var value1 = "12345";
var value2 = 12345;
var num = parseInt(value1);  // Javascript的内置函数parseInt,可以把字符串转成数值
var xxx = num + 1;
console.log(xxx);
// 输出:12346
var sss = value2 + '';  // 对数值加上一个空符串,可以把数值转成字符串
var yyy = sss + 1;      // 字符串与任意数据类型相加时,非字符串的值会被强制转成字符串
console.log(yyy);
// 输出:123451

请在 MinWegPage 上直接在线编写和运行本篇代码,无需安装任何环境。

本篇的练习题如下:

第1题
创建一个字符串name,赋值为你的名字。
打印其名字长度。
第2题
创建一个字符串name,赋值为你好友的名字。
打印其最后一个字符。
第3题
先创建一个字符串name1,赋值为你的名字,
再创建一个字符串name2,赋值为你好友的名字。
把name1和name2拼接起来赋值给aaa,最后打印其值。

请认真完成所有练习题,勤加练习有助于快速提升你的编程能力。
更多练习题在 https://www.min2k.com/course/docs/web-client/string


http://www.kler.cn/news/336159.html

相关文章:

  • P8403 [CCC2022 J4] Good Groups
  • Python 给函数加上状态的多种方式
  • 三种环境下,没有公网ip的虚拟机访问公网的方法
  • 【前沿 热点 顶会】NIPS/NeurIPS 2024中与尖峰/脉冲神经网络(Spiking neural networks)有关的论文
  • 利用Spring Boot构建足球青训管理平台
  • 一文彻底搞懂大模型 - LLaMA-Factory
  • Python和R及Julia妊娠相关疾病生物剖析算法
  • Android 组件化利器:WMRouter 与 DRouter 的选择与实践
  • MySQL 实验 4:修改数据表的结构
  • 驰骋低代码功能升级 - 实体功能权限控制
  • 【需求分析】软件系统需求设计报告,需求分析报告,需求总结报告(原件PPT)
  • Builder(建造者模式)
  • SpringCloud学习记录|day3
  • Disarmed by auto preflight disarming自动上锁
  • 基于SpringBoot+Vue+Uniapp的植物园管理小程序系统(2024最新,源码+文档+远程部署+讲解视频等)
  • ELK日志收集之ES的DSL查询语句
  • RabbitMQ 工作方式详解
  • 【Linux系统编程】第二十八弹---构建基础文件操作库与理解标准错误流(stderr)在C与C++中的应用
  • 无线通信系统设计:MATLAB的全面解决方案
  • Linux驱动开发——LED驱动开发