zoukankan      html  css  js  c++  java
  • 数组和字符串方法

        // 数组常用方法
        // 1、定义数组 new Array ()
        var arr = new Array(1, 2, 3, 4)
        // 判断是不是数组
        // is Array()
        // 2、valueOf() 返回原始值
        console.log(arr.valueOf())
        // 3、增加 和删除push pop unshift shift
        // push()尾部添加   pop() 尾部删除
        //unshift ()头部添加  shift() 头部删除
        // 4、数组的翻转 reverse()
        var newArr = arr.reverse();
        console.log(newArr);
        // 5、concat  数组的连接    1、链接两个数组返回新数组。公式:数组A.concat(数组B)
        // 2、添加元素返回新数组。  公式:数组A.concat(元素) 
        var arr2 = new Array(11, 2, 13, 1, 5)
        var new1 = arr.concat(10);
        console.log(new1)
        console.log(arr2.concat(arr))
        // 6、截取数组
        //slice(start,end) 返回新数组
        // 从索引start开始到索引end结束,包含start,不包含end
        console.log(arr2.slice(1, 5));
        console.log(arr2.slice(1, 2));
        // 7、splice(索引,长度);返回新数组  会改变原数组
        var arr1 = arr2.concat(arr)
        var arr3 = arr1.splice(0, 4)
        console.log(arr1)
        console.log(arr3)
        // 8、indexOf():判断元素在当前数组中位置,如果有,返回的就是数组的索引,如果没有,返回-1
        // 如果元素有重复,就返回第一个元素的位置
        // 如果有两个参数 第一个是要查询到元素  第二个是从哪个开始的索引值
        var newArr1 = ["haha", "hello", 25, 36, 100, 25, 25];
        console.log(newArr1.indexOf(25, 3));//5
        console.log(newArr1.indexOf(25));//2
        // 9、lastIndexOf();判断元素在当前数组中位置,如果有,返回的就是数组的索引,如果没有,返回-1
        //  如果元素有重复,就返回最后一个元素的位置
        console.log(newArr1.lastIndexOf(25))//6
        // 10、获取数组中的每个元素    数组.forEach(函数(数组的元素,数组的索引))
        arr.forEach(function (value, index) {
            console.log(index)//0 1 2 3
            console.log(value)//4 3 2 1
        })
        //11、every() some()方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。
        // 1、every()方法的参数是一个回调函数,回调函数中的第一个参数是数组的元素,第二个参数是数组的索引
        ///2、every()方法有个返回值
        // 3、判断回调函数中的表达式是否全部满足,如果满足,返回值就是true,只要有一个不满足就是false
    
        // some判断回调函数中的表达式是否有一个满足,如果至少一个满足,返回值就是true
    
    
        var arr1 = new Array(11, 22, 33, 44, 55);
        //12、 filter()对数组中的每个元素进行过滤,返回新的数组
        var newArr1 = arr1.filter(function (value, index) {
            return value > 33;
            // return value * 2
        })
        console.log(newArr1);
        //13、 map()对数组中的每个元素进行算数操作,返回新的数组
        var newArr2 = arr1.map(function (value, index) {
            // return value * 2;
            return Math.pow(value, 2);
        })
        console.log(newArr2);
        //14、 join()将数组中的元素转化为字符串,返回字符串
        var str = arr1.join();
        console.log(str);
        
        
        
        
        
        // 字符串
        // 创建字符串
        var str2 = " hello ";
        var str4 = "world!"
        console.log(str2);
        console.log(typeof str2);
        // 创建一个字符串对象
        // String()也是一个构造函数
        var str3 = new String("hello");
        console.log(str3);
        console.log(typeof str3);
        console.log(str3.length);
        // 关于字符串常用的方法
        // charAt()        //获取指定位置处字符
        console.log(str2.charAt(2));
        //concat()        //拼接字符串,等效于+,+更常用
        var new1 = str2.concat(str4);
        console.log(new1);
        // 添加字符
        var new2 = str2.concat("tt");
        console.log(new2);
        // slice(start,end)         //从start位置开始,截取到end位置,end取不到
        var new3 = str2.slice(1, 5);//ello
        console.log(new3);
        //substring(start,end)     //从start位置开始,截取到end位置,end取不到
        var new4 = str2.substring(1, 5);//ello
        console.log(new4);
        // substr() //// 从start位置开始,截取length个字符
        var new5 = str2.substr(1, 4)////ello
        console.log(new5);
        // indexOf()       //返回指定内容在元字符串中的位置,,如果没有,返回-1;(从前往后,检索到第一个就结束)
        // lastIndexOf()   //返回指定内容在元字符串中的位置,,如果没有,返回-1;(从后往前,检索到第一个就结束)
        console.log(str2.indexOf("l"));//2
        console.log(str2.lastIndexOf("l"));//3
        //trim()          //只能去除字符串前后的空白
        console.log(str2.length);
        console.log(str2.trim().length);
        // toUpperCase()   //转换大写
        console.log(str4.toUpperCase());
        var str6 = "WORLD!aaaaaaaaaaa";
        // toLowerCase()   //转换小写
        console.log(str6.toLowerCase());
        // search()//方法用于检索字符串中指定的子字符串,返回子字符串的起始位置
        console.log(str4.search("rld!"));
        // replace(old,new) //替换字符串替换字符串 new替换old
        var str7 = "1|2|3|4|5|6|7";
        var str8 = str7.replace("中国人", "好孩子");
        console.log(str8);
        // split() //分割字符串 返回的是一个数组。。数组的元素就是以参数的分割的
        var newArr11 = str7.split("|");
        console.log(newArr11)
        // 数组常用方法
        // 1、定义数组 new Array ()
        var arr = new Array(1, 2, 3, 4)
        // 判断是不是数组
        // is Array()
        // 2、valueOf() 返回原始值
        console.log(arr.valueOf())
        // 3、增加 和删除push pop unshift shift
        // push()尾部添加   pop() 尾部删除
        //unshift ()头部添加  shift() 头部删除
        // 4、数组的翻转 reverse()
        var newArr = arr.reverse();
        console.log(newArr);
        // 5、concat  数组的连接    1、链接两个数组返回新数组。公式:数组A.concat(数组B)
        // 2、添加元素返回新数组。  公式:数组A.concat(元素) 
        var arr2 = new Array(11, 2, 13, 1, 5)
        var new1 = arr.concat(10);
        console.log(new1)
        console.log(arr2.concat(arr))
        // 6、截取数组
        //slice(start,end) 返回新数组
        // 从索引start开始到索引end结束,包含start,不包含end
        console.log(arr2.slice(1, 5));
        console.log(arr2.slice(1, 2));
        // 7、splice(索引,长度);返回新数组  会改变原数组
        var arr1 = arr2.concat(arr)
        var arr3 = arr1.splice(0, 4)
        console.log(arr1)
        console.log(arr3)
        // 8、indexOf():判断元素在当前数组中位置,如果有,返回的就是数组的索引,如果没有,返回-1
        // 如果元素有重复,就返回第一个元素的位置
        // 如果有两个参数 第一个是要查询到元素  第二个是从哪个开始的索引值
        var newArr1 = ["haha", "hello", 25, 36, 100, 25, 25];
        console.log(newArr1.indexOf(25, 3));//5
        console.log(newArr1.indexOf(25));//2
        // 9、lastIndexOf();判断元素在当前数组中位置,如果有,返回的就是数组的索引,如果没有,返回-1
        //  如果元素有重复,就返回最后一个元素的位置
        console.log(newArr1.lastIndexOf(25))//6
        // 10、获取数组中的每个元素    数组.forEach(函数(数组的元素,数组的索引))
        arr.forEach(function (value, index) {
            console.log(index)//0 1 2 3
            console.log(value)//4 3 2 1
        })
        //11、every() some()方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。
        // 1、every()方法的参数是一个回调函数,回调函数中的第一个参数是数组的元素,第二个参数是数组的索引
        ///2、every()方法有个返回值
        // 3、判断回调函数中的表达式是否全部满足,如果满足,返回值就是true,只要有一个不满足就是false

        // some判断回调函数中的表达式是否有一个满足,如果至少一个满足,返回值就是true


        var arr1 = new Array(11, 22, 33, 44, 55);
        //12、 filter()对数组中的每个元素进行过滤,返回新的数组
        var newArr1 = arr1.filter(function (value, index) {
            return value > 33;
            // return value * 2
        })
        console.log(newArr1);
        //13、 map()对数组中的每个元素进行算数操作,返回新的数组
        var newArr2 = arr1.map(function (value, index) {
            // return value * 2;
            return Math.pow(value, 2);
        })
        console.log(newArr2);
        //14、 join()将数组中的元素转化为字符串,返回字符串
        var str = arr1.join();
        console.log(str);
        
        
        
        
        
        // 字符串
        // 创建字符串
        var str2 = " hello ";
        var str4 = "world!"
        console.log(str2);
        console.log(typeof str2);
        // 创建一个字符串对象
        // String()也是一个构造函数
        var str3 = new String("hello");
        console.log(str3);
        console.log(typeof str3);
        console.log(str3.length);
        // 关于字符串常用的方法
        // charAt()        //获取指定位置处字符
        console.log(str2.charAt(2));
        //concat()        //拼接字符串,等效于+,+更常用
        var new1 = str2.concat(str4);
        console.log(new1);
        // 添加字符
        var new2 = str2.concat("tt");
        console.log(new2);
        // slice(start,end)         //从start位置开始,截取到end位置,end取不到
        var new3 = str2.slice(1, 5);//ello
        console.log(new3);
        //substring(start,end)     //从start位置开始,截取到end位置,end取不到
        var new4 = str2.substring(1, 5);//ello
        console.log(new4);
        // substr() //// 从start位置开始,截取length个字符
        var new5 = str2.substr(1, 4)////ello
        console.log(new5);
        // indexOf()       //返回指定内容在元字符串中的位置,,如果没有,返回-1;(从前往后,检索到第一个就结束)
        // lastIndexOf()   //返回指定内容在元字符串中的位置,,如果没有,返回-1;(从后往前,检索到第一个就结束)
        console.log(str2.indexOf("l"));//2
        console.log(str2.lastIndexOf("l"));//3
        //trim()          //只能去除字符串前后的空白
        console.log(str2.length);
        console.log(str2.trim().length);
        // toUpperCase()   //转换大写
        console.log(str4.toUpperCase());
        var str6 = "WORLD!aaaaaaaaaaa";
        // toLowerCase()   //转换小写
        console.log(str6.toLowerCase());
        // search()//方法用于检索字符串中指定的子字符串,返回子字符串的起始位置
        console.log(str4.search("rld!"));
        // replace(old,new) //替换字符串替换字符串 new替换old
        var str7 = "1|2|3|4|5|6|7";
        var str8 = str7.replace("中国人", "好孩子");
        console.log(str8);
        // split() //分割字符串 返回的是一个数组。。数组的元素就是以参数的分割的
        var newArr11 = str7.split("|");
        console.log(newArr11)
  • 相关阅读:
    html页面3秒后自动跳转的方法有哪些
    web前端教程之javascript创建对象的方法
    想学好web前端,需要看哪些书籍
    码农只能干到30岁的说法可信吗?
    不管你以后写不写JS,都应该学会这种思考方式
    Python基础知识之排序法
    input和textarea修改placeholder颜色和字号
    关于IE和Firefox兼容性问题及解决办法
    vue-cli构建vue项目
    js 小数取整的函数
  • 原文地址:https://www.cnblogs.com/guirong/p/13568357.html
Copyright © 2011-2022 走看看