javascript高级部分05----es6之字符串和数组的用法

1.字符串的用法

  1.1 模板字符串

        let name = '张三';
        let age = 22;
        let from = '河北'
        let str = '我叫' + name + '，今年' + age + '了，来自' + from + '';
        console.log(str);  //我叫张三，今年22了，来自河北
        let str1 = `我叫${name}，今年${age}了，来自${from}`; 
        console.log(str1);  //我叫张三，今年22了，来自河北

 1.2repeat函数

        let str = '哈';
        let str1 = str.repeat(2);
        console.log(str1); //哈哈
        console.log(str);  //哈

 1.3 includes函数

判断字符串是否含有指定的子字符串，返回的是一个boolean类型的值，第二个参数表示从下标第几个数开始；
        let str = '这是河北科技大学';
        let str1 = str.includes('河');
        let str2 = str.includes('河', 2);
        let str3 = str.includes('河', 3);
        console.log(str1); //true
        console.log(str2); //true
        console.log(str3); //false

1.4 startsWith函数

判断指定的字符串是否出现在目标字符串的开头位置，第二个参数表示开始搜索的位置
        let str = '这是河北科技大学';
        let str1 = str.startsWith('这');
        let str2 = str.startsWith('河');
        let str3 = str.startsWith('河', 2);
        console.log(str1);  //true
        console.log(str2);  //false
        console.log(str3);  //true

  1.5endsWith函数

判断指定的字符串是否出现在目标字符串的尾部位置，第二个参数表示针对前n个字符
        let str = '这是河北科技大学';
        let str1 = str.endsWith('学');
        let str2 = str.endsWith('大', 6);
        let str3 = str.endsWith('大', 7);
        console.log(str1); //true
        console.log(str2); //false
        console.log(str3); //true

  1.6  string.raw 函数

返回字符串中最原始的样貌  常见的原始字符串 \n  \t
        console.log('a\nb');
        console.log(String.raw `a\nb`);
        console.log('a\tb');
        console.log(String.raw `a\tb`);

2.es6中数组的用法；

 2.1 Array.of函数

将一组值转换成数组
        let arr = Array.of(1, 2, 3, 4);
        console.log(arr);  //[1,2,3,4]

2.2 Array.from 

可以将伪数组转换成真正的数组
        let div = document.querySelectorAll('div');
        console.log(div instanceof Array); //检测数据类型是否为数组  false
        console.log(Array.isArray(div)); //检测数据类型是否为数组 false

        let div1 = Array.from(div)
        console.log(div1 instanceof Array); //检测数据类型是否为数组  true
        console.log(Array.isArray(div1)); //检测数据类型是否为数组 true

   2.3 find函数
       findIndex函数

       let arr = [1, 2, 3, 4, 5];
        console.log(arr.find(function(value) {
            return value < 2
        })); //1   find函数返回的是值
        console.log(arr.findIndex(function(value) {
            return value < 2
        })); //0 findIndex函数返回的是位置索引

 2.4 fill函数

        let arr = [1, 2, 3, 4, 5];
        console.log(arr.fill(4)); //[4, 4, 4, 4, 4]
        let arr1 = [1,2,3,4,5]
        console.log(arr1.fill(4, 1, 3));  // [1, 4, 4, 4, 5]  下标索引从1（第二个）开始，到索引3（第四个）结束，包括第二个，不包括第四个

 2.5 entries函数
 对数组的键值对进行遍历， 返回一个遍历器，可以用for...of对其进行遍历

      let arr = ["a", "b", "c", "d", "e"];
        for (let [index, value] of arr.entries()) {
            console.log(index);  //0 1 2 3 4
            console.log(value);  //'a' 'b' 'c' 'd'
        }

    2.6 keys函数

       let arr = ["a", "b", "c", "d", "e"];
        for (let index of arr.keys()) {
            console.log(index); //0 1 2 3 4
        }

2.7 values函数

        let arr = ["a", "b", "c", "d", "e"];
        for (let value of arr.values()) {
            console.log(value); //'a' 'b' 'c' 'd' 'e'
        }