JS字符串

最新推荐文章于 2023-01-08 15:12:27 发布

yooo*

最新推荐文章于 2023-01-08 15:12:27 发布

阅读量597

点赞数 1

分类专栏： Javascript 文章标签： javascript 前端 es

本文链接：https://blog.csdn.net/Y_ooo/article/details/122517940

版权

字符串String

1.字符串声明定义

（1）使用字面量（值类型）创建

返回类型是string

let yoo = "yooo.com";
console.log(typeof yoo);
console.log(yoo);

（2）使用对象方法（引用类型）创建

返回类型是object（使用值类型调用方法，js会在执行时将值类型转为对象）

let alison = new String("alison.com");
console.log(typeof alison);
console.log(alison.toString());

在这里插入图片描述

2.字符串转义符号

有些字符有双重含义，当想转变其含义时，在字符前加上转义符号\

（1）引号、斜杠… `\"` `\\`

// 引号 在字符前加\
let yoo = "\"yooo.com\"";
console.log(yoo);

let alison = "alison\\alison";
console.log(alison);

（2）制表符`\t`

// 制表符\t
let ruby = "ru\t\t\tby"
console.log(ruby);

（3）换行`\n`

// 换行\n
let andy = "an\ndy";
console.log(andy);

在这里插入图片描述

3.字符串连接

（1）使用连接运算符+、+=

let year = '2022';
let site = "yooo";
// 使用连接运算符
console.log(year + "的" + site + "一定会更爱自己");

（2）使用模板字面量``

包裹的字符串中可写入引入变量及表达式，支持换行操作

let year = '2022';
let site = "yooo";
// 使用模板字面量
console.log(`${
     year}的${
     site}
会发掘出
新的自我`);

在这里插入图片描述

模板字面量的嵌套使用

<body>
    <script>
        function show() {
     
            return "Yooo"
        }
        let hd = `${
       show()}酱油`;
        console.log(hd);

        // 模板字面量嵌套
        let lessons = [
            {
      title: '媒体查询响应式布局' },
            {
      title: 'FLEX弹性盒模型' },
            {
      title: 'GRID栅格系统' }
        ];
        function template() {
     
            return `<ul>${
       lessons.map((item) =>
                `<li>${
         item.title}</li>`)}
                </ul>`;
        }
        document.body.innerHTML

最低0.47元/天解锁文章

yooo*

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS字符串

字符串String1.字符串声明定义（1）使用字面量（值类型）创建返回类型是stringlet yoo = "yooo.com";console.log(typeof yoo);console.log(yoo);（2）使用对象方法（引用类型）创建返回类型是object（使用值类型调用方法，js会在执行时将值类型转为对象）let alison = new String("alison.com");console.log(typeof alison);console.log(alison
复制链接

扫一扫