• JS之字符串和数组


     

    字符串:

    属性:

    length:可以获取字符串的长度;

    <script type="text/javascript">
        var str = "haha";
        console.log(str.length);//4
    </script>

    方法:

    1.charAt()

    charAt() 方法可返回指定位置的字符,返回的字符是长度为 1 的字符串。

    <script type="text/javascript">
        var str = "haha";
        console.log(str.charAt(2));
    </script>

    以上输出结果为:

    h
    

    2.charCodeAt()

    charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。

    方法 charCodeAt() 与 charAt() 方法执行的操作相似,只不过前者返回的是位于指定位置的字符的编码,输出值得类型为number,而后者返回的是字符子串。

    <script type="text/javascript">
        var str = "haha*";
        console.log(str.charCodeAt(4));
    </script>

    以上输出结果为:

    42
    

    3.concat()

    concat() 方法用于连接两个或多个字符串。原有字符串并不会改变。

    <script type="text/javascript">
        var str = "haha*";
        var str1 = "yeye";
        console.log(str.concat(str1));
        console.log(str);
        console.log(str1);
    </script>

    以上输出结果为:

    haha*yeye
    haha*
    yeye
    

    4.indexOf()

    indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    <script type="text/javascript">
        var str = "haha*";
        var str1 = "yeye";
        console.log(str.indexOf("h"));
        console.log(str.indexOf("h",1));
    </script>

    以上输出结果为:

    0
    2

    第二个参数的意思是从索引值为1的位置开始查找

    5.match()

    match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

    该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。

    <script type="text/javascript">
        var str = "haha*H";
        var str1 = "yeye";
        var reg = /w/g;
        console.log(str.match("h"));
        console.log(str.match("hh"));
        console.log(str.match("ha"));
        console.log(str.match(/h/g));
        console.log(str.match(/w/g));
    </script>

    以上输出结果为:

    6.replace()

    replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

    <script type="text/javascript">
        var str = "haha*H";
        var str1 = "yeye";
        var reg = /w/g;
        console.log(str.replace("h","o"))
        console.log(str.replace(/h/g,"o"))
        console.log(str)
    </script>

    7.slice() 

    slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

     

    <script type="text/javascript">
        var str = "haha*H";
        var str1 = "yeye";
        console.log(str.slice(1))
        console.log(str.slice(1,3))
        console.log(str)
    </script>

    打印结果如下:

    aha*H
    ah
    haha*H
    

    8.split()

    split() 方法用于把一个字符串分割成字符串数组。

    <script type="text/javascript">
        var str = "haha*H";
        var str1 = "yeye";
        console.log(str.split(""))
        console.log(str.split("h"))
        console.log(str.split("a"))
        console.log(str.split("*"))
        console.log(str)
    </script>

    打印结果如下:

    9.substr()

    substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

    <script type="text/javascript">
        var str = "haha*H";
        var str1 = "yeye";
        console.log(str.substr(1,1))
        console.log(str.substr(1,2))
        console.log(str.substr(1,3))
        console.log(str.substr(2,3))
        console.log(str.substr(3,3))
        console.log(str)
    </script>

    打印结果如下:

    10.toLowerCase()

    toLowerCase() 方法用于把字符串转换为小写。

    <script type="text/javascript">
        var str = "haha*H";
        var str1 = "YEYE";
        console.log(str.toLowerCase())
        console.log(str1.toLowerCase())
        console.log(str)
    </script>

    打印结果如下:

    11.toUpperCase()

    toUpperCase() 方法用于把字符串转换为大写。

    <script type="text/javascript">
        var str = "haha*H";
        var str1 = "yeye";
        console.log(str.toUpperCase())
        console.log(str1.toUpperCase())
        console.log(str)
    </script>

    打印结果如下:

    数组:

    属性:

    length:设置或返回数组中元素的数目。

    <script type="text/javascript">
        var arr = ["jack",18,"male","jump"]
        console.log(arr.length);
    </script>

    打印结果如下:

    4
    

    方法:

    将方法分为两类,一类为改变原有数组,一类为不改变原有数组

    改变原有数组:

    1.pop()

    pop() 方法用于删除并返回数组的最后一个元素。

    <script type="text/javascript">
        var arr = ["jack",18,"male","jump"]
        var arr1 = ["rose",18,"female","book"]
        var arr2 = ["jerry",18,"male","book"]
        console.log(arr.pop());
        console.log(arr1.pop());
        console.log(arr,arr1);
    </script>

    打印结果如下:

    2.push()

    push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

    <script type="text/javascript">
        var arr = ["jack",18,"male","jump"]
        var arr1 = ["rose",18,"female","book"]
        var arr2 = ["jerry",18,"male","book"]
        console.log(arr.push("senior"));
        console.log(arr1.push("senior"));
        console.log(arr,arr1);
    </script>

    打印结果如下:

    3.reverse() 

    reverse() 方法用于颠倒数组中元素的顺序。

    <script type="text/javascript">
        var arr = ["jack",18,"male","jump"]
        var arr1 = ["rose",18,"female","book"]
        var arr2 = ["jerry",18,"male","book"]
        console.log(arr,arr1);
        console.log(arr.reverse());
        console.log(arr1.reverse());
        console.log(arr,arr1);
    </script>

    打印结果如下:

    4.shift()

    shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

    <script type="text/javascript">
        var arr = ["jack",18,"male","jump"]
        var arr1 = ["rose",18,"female","book"]
        var arr2 = ["jerry",18,"male","book"]
        console.log(arr,arr1);
        console.log(arr.shift());
        console.log(arr1.shift());
        console.log(arr,arr1);
    </script>

    打印结果如下:

    5.unshift()

    unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

    <script type="text/javascript">
        var arr = ["jack",18,"male","jump"]
        var arr1 = ["rose",18,"female","book"]
        var arr2 = ["jerry",18,"male","book"]
        console.log(arr,arr1);
        console.log(arr.unshift(1));
        console.log(arr1.unshift(2));
        console.log(arr,arr1);
    </script>

    打印结果如下:

    6.splice() 

    splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

    <script type="text/javascript">
        var arr = ["jack",18,"male","jump"]
        var arr1 = ["rose",18,"female","book"]
        var arr2 = ["jerry",18,"male","book"]
        console.log(arr);
        console.log(arr.splice(1,2));
        console.log(arr);
        console.log(arr.splice(1,0,"*"));
        console.log(arr);
    </script>

    打印结果如下:

    不改变原有数组:

    1.concat() 

    concat() 方法用于连接两个或多个数组。

    该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

    <script type="text/javascript">
        var arr = ["jack",18,"male","jump"]
        var arr1 = ["rose",18,"female","book"]
        var arr2 = ["jerry",18,"male","book"]
        console.log(arr.concat(arr1));
        console.log(arr.concat(arr1,arr2));
        console.log(arr,arr1,arr2);
    </script>

    打印结果如下:

    2.join()

    join() 方法用于把数组中的所有元素放入一个字符串。

    元素是通过指定的分隔符进行分隔的。

    <script type="text/javascript">
        var arr = ["jack",18,"male","jump"]
        var arr1 = ["rose",18,"female","book"]
        var arr2 = ["jerry",18,"male","book"]
        console.log(arr.join("-"));
        console.log(arr1.join("-"));
        console.log(arr.join("*"));
        console.log(arr.join(""));
        console.log(arr,arr1);
    </script>

    打印结果如下:

    3.slice()

    slice() 方法可从已有的数组中返回选定的元素。

    <script type="text/javascript">
        var arr = ["jack",18,"male","jump"]
        var arr1 = ["rose",18,"female","book"]
        var arr2 = ["jerry",18,"male","book"]
        console.log(arr);
        console.log(arr.slice(1,2));
        console.log(arr.slice(1));
        console.log(arr);
    </script>

    打印结果如下:

     还没写完,还在编辑中

  • 相关阅读:
    IM的扫码登录功能如何实现?一文搞懂主流的扫码登录技术原理
    IM“扫一扫”功能很好做?看看微信“扫一扫识物”的完整技术实现
    2020年了,Android后台保活还有戏吗?看我如何优雅的实现!
    P2P技术详解(三):P2P中的NAT穿越(打洞)方案详解(进阶分析篇)
    微信团队分享:极致优化,iOS版微信编译速度3倍提升的实践总结
    史上最通俗,彻底搞懂字符乱码问题的本质
    你知道,HTTPS用的是对称加密还是非对称加密?
    IM开发基础知识补课(七):主流移动端账号登录方式的原理及设计思路
    面视必备,史上最通俗计算机网络分层详解
    阿里钉钉技术分享:企业级IM王者——钉钉在后端架构上的过人之处
  • 原文地址:https://www.cnblogs.com/tangdiying/p/10144513.html
Copyright © 2020-2023  润新知