JS 数组、字符串的方法及一些操作总结(思维导图)

数组：数组的增加、数组的删除、数组的拼接、数组的截取、数组的反转、数组的迭代循环、过滤

字符串：字符串的拼接、字符串的截取、字符串的查找、字符串去除空格、字符串的转换大小写、字符串的替换

数组迭代中的代码

//数组：数组的增加、数组的删除、数组的拼接、数组的截取、数组的反转、数组的迭代循环、过滤
//字符串：字符串的拼接、字符串的截取、字符串的查找、字符串去除空格、字符串的转换大小写、字符串的替换  


        var arr = [1,2,3,4,5,6,2,1,4,3,5,6];


        // 都不会改变原数组
        // 以下方法都是针对数组做一些操作，并且都具备迭代功能（进行循环遍历）
        // every(callBack); 针对数组中每一项进行判断，都为真返回值是true,一个为假返回值是fasle
        var res1 = arr.every(function (val, index) { // val:值  index:索引
            console.log(index, val);//这里只打印一次就停止了 ，因为第一项不符合条件，发现不符合条件直接终止
            return val > 5;//返回布尔值，有一个不符合就为false
        });
        console.log(res1);//返回布尔值，有一个不符合就为false（此处返回false）
        console.log(arr);//原数组-不改变


        // some(callBack); 针对数组中每一项进行判断 条件都不成立就返回false,只要有一个成立就返回true
        var res2 = arr.some(function (val, index) { // val:值  index:索引
            console.log(index, val);//依次打印原数组的每一项 第一个是索引，第二个是值
            return val > 15;//返回布尔值，有一个复合就是true
        });
        console.log(res2);//返回布尔值，有一个复合就是true（这里返回false）
        console.log(arr);//原数组-不改变


        // filter(callBack); 针对数组进行过滤，将符合条件的以一个新的数组返回
        var res3 = arr.filter(function (val, index) { // val:值  index:索引
            console.log(index, val);//依次打印原数组的每一项 第一个是索引，第二个是值
            return val % 2 != 0;//返回符合条件的新数组（奇数）
        });
        console.log(res3);//复合条件的新数组
        console.log(arr);//原数组-不改变


        // map(callBack); 针对数据做一些操作,将操作完成的每一项以一个新的数组返回
        var res4 = arr.map(function (val, index) { // val:值  index:索引
            console.log(index, val);//依次打印原数组的每一项 第一个是索引，第二个是值
            return val * 100;// 将原数组中每一项扩大100倍 并且返回
        });
        console.log(res4);//原数组扩大一百倍后的新数组
        console.log(arr);//原数组-不改变


        // forEach(); 针对数组进行迭代
        var res5 = arr.forEach(function (val, index) { // val:值  index:索引
            console.log(index, val);//依次打印原数组的每一项 第一个是索引，第二个是值
        });
        console.log(res5); //undefined
        console.log(arr);//原数组-改变