字符串与数组常用api学习

一、字符串api

        let str = 'hello world';
        // 长度
        console.log('-----------长度-----------');
        console.log(str.length);
        // 索引->元素
        console.log('-----------索引->元素-----------');
        console.log(str[1]);
        console.log(str.charAt(1));
        // 元素->索引
        console.log('-----------元素->索引-----------');
        console.log(str.indexOf('o'));
        console.log(str.search('l'));
        // 字符串拼接
        console.log('-----------字符串拼接-----------');
        console.log(str.concat('<a>', 'php.cn', '</a>'));
        console.log(str + 'php.cn');
        console.log(`${str}php.cn`);
        // 字符串替换
        console.log('-----------字符串替换-----------');
        console.log(str.replace('world','php中文网'));
        // 取子串，忽略结束索引对应的值(a,b)从索引a到索引b
        console.log('-----------取子串-----------');
        console.log(str.slice(0,2));
        console.log(str.slice(1,2));
        // 取子串，不知道到哪结束，但知道取多少(a,b)从索引a开始，去b长度
        console.log('-----------取子串-----------');
        console.log(str.substr(0,2));
        console.log(str.substr(2,3));
        // 从后往前取
        console.log(str.substr(-3,3));
        // 字符串变数组
        console.log('-----------字符串变数组-----------');
        let str2 = '1,2,3,4';
        console.log(str2);
        console.log(str2.split(','));

二、数组api

（1）数组的增删

        // 增删仅限于数组二端的操作
        // push,pop, unshift,shift
        let arr = [];
        console.log(arr);
        // 返回数组的元素数量
        // push 尾部追加
        // pop  尾部删除
        console.log('--------------push,pop--------------');
        console.log(arr.push(10));
        console.log(arr.push(20, 30));
        console.log(arr);
        // 返回所删除的元素
        console.log(arr.pop());
        console.log(arr);
        // unsift: 头部追加
        // shift: 头部删除
        console.log('--------------unshift,shift--------------');
        console.log(arr.unshift(10));
        console.log(arr);
        console.log(arr.shift());
        console.log(arr);

（2）数组的遍历

• forEach与map，后者有返回值

        // 遍历数组
        let arr = ['red','blue','green','yellow','orange'];
        // 1、forEach
        console.log('--------------forEach--------------');
        let res = arr.forEach((item,index,arr)=>{
            console.log(item);
        })
        console.log(res);
        // 2、map
        console.log('--------------map--------------');
        let res2 = arr.map((item,index,arr)=>item);
        console.log(res2);

• every与some

        // 3、every
        console.log('--------------every--------------');
        // every: 数组成员全部满足条件,则返回 true , 否则 false 与
        console.log(arr.every(item => item.length >= 0));
        console.log(arr.every(item => item.length >= 5));
        // 4、some
        console.log('--------------every--------------');
        console.log(arr.some(item => item.length >= 0));
        console.log(arr.some(item => item.length >= 5));

• filter与find，前者只返回为真的元素组成的数组，后者返回满足条件的第一个

        // 5、filter
        console.log('--------------filter--------------');
        console.log(arr.filter(item => item.length >= 5));
        // 6、find
        console.log('--------------find--------------');
        console.log(arr.find(item => item.length >= 5));

• reduce

        // 7、reduce
        console.log('--------------reduce--------------');
        let res3 = arr.reduce((acc,item,index,arr) => acc+','+item);
        console.log(res3);