字符串的使用

1、字符串的声明方法 

<script>

        // 声明字符串

        let str = '编程小白在线学习';

        let str1 = "编程小白在线学习";

        let str10 = `编程小白在线学习`;

        // 判断一个字符串在不在某个字符串里面

        let index1 = str1.indexOf('小白')

            console.log(index1); // 2

        // 截取字符串 (第一个参数；从哪个下标开始；第二个参数：截取的长度)

        let str2 =  str.substr(4,3)

            console.log(str2); // 在线学

        // 修改字符串 (第一个参数：要修改的字符串; 第二个参数：修改后的字符串)

        let str3 = str.replace("小白","高手")

        console.log(str3); // 编程高手在线学习

        // 分割字符串

        let str4 = "请把我分割开"

        // 这个函数返回的一定是个数组

        let array = str4.split('')

        console.log(array); // ['请','把'，'我'，'分','割'，'开']

        // 大小写转换

        console.log('QWERt'.toLocaleLowerCase()); // qwert

        console.log('qwert'.toUpperCase()); // QWERT

        console.log('中文不存在大小写'.toLocaleLowerCase()); //内容不会发生改变，中文不存在大小写

  

    </script>

2、字符串与数组之间的转换

       

<script>

    // 字符串转换为数组 split

    let A = 'abc';

    let B = A.split("");

    console.log(A);     //abc

    console.log(B);     //['a','b','c']

    // 数组转换为字符串 join

    let a = ['1','2','3','4'];

    let b = a.join("");

    console.log(a); // ['1','2','3','4']

    console.log(b); // 1234

    console.log(typeof(b)); // string

    //作业练习

    let str = '星期一,星期二,星期三,星期四,星期五,星期六'

    let today = new Date();

    console.log(today); // Thu Sep 15 2022 13:59:19

    let day = today.getDay(); // getDay()方法 返回星期0-6某一天的 数字星期日为0

    console.log(day); // 4

    let ykh = str.split(',')

    console.log(ykh); // ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六']

    console.log("今天是：" + ykh[day]); // 今天是：星期五

3、多行字符串

 <script>

let str1  = "I am " +

"dangerous";

console.log(str1);//I am dangerousl

let str2  = "I am \

dangerous";

console.log(str2);//I am dangerous

//3.模板字符串（在真实的业务中将一个字符串变成多行）

let str3 =

`I

am

dangerous`

console.log(str3);

</script>

4、模板字符串的使用

 <script>

        // 定义变量

        let name = `langs`;

        let skill = `未来可期`;

        // 字符串中镶入变量

        document.write(`${name}努力学习${skill}`);

    </script>