字符串

<script>
        // 创建字符串
        let string = '我是字符串';
        // 长度
        console.log(string.length);
        //根据索引获取字符串
        console.log(string[1]);
        console.log(string.charAt(2));
        // 查询字符串索引
        console.log(string.indexOf('字'));
        console.log(string.search('字'));
        // 字符串连接
        console.log(string + 'baidu.com');
        console.log(`${string}baidu.com`);
        // 字符串替换
        console.log(string.replace('中文网', '.cn'));
        // 取子串
        // slice 取子串,忽略结束索引对应的值
        console.log(string.slice(0, 3));
        // substr: 不知到哪结束,但是知道取多少
        console.log(string.substr(0, 3));
        // 字符串转数组
        let s = '1-2-3-4-5';
        console.log(s.split('-'));
        console.log(string.split('', 4));
        // 大小写转换
        // toLowerCase,toUpperCase
        console.log(string.toUpperCase());
        // html标签相关
        console.log(string.link('https://baidu.com'));
        document.body.insertAdjacentHTML('afterbegin', string.link('https://baidu.com'));
    </script>

数组api

// 遍历数组
        // 1. forEach,map
        // 2. every, some
        // 3. filter, find, findIndex
        // 4. reduce
        let arr = [1, 2, 3, 4, 5];
        // arr.forEach(function(元素的值,值对应的索引,数组本身) {
        // 对数组中的每个元素逐个调用回调方式进行处理
        // })
        let res = arr.forEach((item, index, arr) => console.log(item, index, arr));
        // 需要返回值,就用map
        res = arr.map((item, index, arr) => [item, index, arr]);
        // every, some
        // every: 数组成员全部满足条件,则返回 true , 否则 false 与
        console.log(arr.every(item => item >= 0));
        console.log(arr.some(item => item >= 6));
        // filter,只返回为真的元素组成的数组
        console.log(arr.filter(item => item >= 3));
        // find,返回满足条件的第一个
        // arr.filter(item => item >= 3)[0]
        console.log(arr.find(item => item >= 3));
        // 归并 reduce
        // arr.reduce(function(累加器,元素的值,值对应的索引,数组本身) {})
        res = arr.reduce(function (acc, item, index, arr) {
            console.log(`acc=${acc}, item=${item}`);
            return acc + item;
        }, 1000);

字符串，数组api实例演示

字符串

数组api

更多相关文章

随机推荐