字符串对象属性和方法

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

</body>
</html>
<script>

    //字符串的属性 - length
    var myString="JavaScript";
    myString.length;


/******************************************************************************
 *************************字符串对象属性和方法概述*******************************

            获取字符串长度Length属性
            连接字符串:concat
            获取索引值:indexOf()
            根据索引值获取单个字符:charAt()

 ******************************************************************************
 *******************************************************************************/



/******************************************************************************
                                concat方法
                                连接字符串
 *******************************************************************************/

console.log('concat用法')

    var s1="a";
    var s2="b";
    var s3="c";
    console.log(s1.concat(s2,s3));//abc
//    等同于:result = s1 + s2 + ... + s
//    关联记忆:数组中的concat
    var arr = [1, 2, 3];
    console.log(arr.concat(4, 5));//[1,2,3,4,5]






/******************************************************************************
                                    indexOf
                        找到匹配项返回索引值,如果没找到返回-1
*******************************************************************************/
console.log('indexOf用法')

//    获取索引值indexOf
//    常用方法:找到匹配项返回索引值,如果没找到返回-1
    var myString="JavaScript";
    var a1=myString.indexOf("v");//2
    var a2=myString.indexOf("S");//4
    var a3=myString.indexOf("Script");//4
    var a4=myString.indexOf("key");// 如果没有匹配项返回 -1
    console.log(a1)//2
    console.log(a2)//4
    console.log(a3)//4
    console.log(a4)//-1

//    完整的indexof用法:
//    可以传入第二个参数:indexOf(str,fromIndex)
//    表示从索引位置fromIndex开始查找,如果fromIndex省略,则表示默认从起始索引0开始查找;
//    若fromIndex为负,则从索引0开始查找。
    var b1 = myString.indexOf("v",5);// 从下标5开始查找,而v在索引2,所以找不到,返回-1
    var b2 = myString.indexOf("v",1);//-2
    console.log(b1)//-1
    console.log(b2)//-2




/******************************************************************************
                                    charAt
                    返回指定索引位置的字符,若索引越界,返回空字符串。
*******************************************************************************/
console.log('charAt用法')

//返回指定索引位置的字符
//(因为Javascript中没有字符类型,所以返回的是长度为1的字符串)。
    myString="JavaScript";
    console.log(myString.charAt(1));//a
    console.log(myString.charAt(10000000000000000));//若索引越界,返回空字符串
    console.log(myString.charAt(-1));//若索引越界,返回空字符串  -- ""
    console.log(myString.charAt(-10000000000000000000000));//若索引越界,返回空字符串





/******************************************************************************
                        substr(fromIndex,length)
                                获取部分字符串
                从起始索引fromIndex开始截取长度length的字符串
 *******************************************************************************/
console.log('substr用法')

//从起始索引fromIndex开始截取长度length的字符串 - 正向截取
    myString="JavaScript";
    console.log(myString.substr(1,1));//a          表示从第1个索引值开始截取,截取1个字符
    console.log(myString.substr(1,2));//av女忧     表示从第1个索引值开始截取,截取2个字符
    console.log(myString.substr(1,3));//ava        表示从第1个索引值开始截取,截取3个字符
    console.log(myString.substr(1,4));//avaS       表示从第1个索引值开始截取,截取4个字符

    //若不指定length或者length超过可截取的最大长度,则截取到结尾。
    console.log(myString.substr(1));//avaScript
    console.log(myString.substr(1,4000000));//avaScript


    //反向截取
    //若起始索引为负,则从右往左开始截取 - -1表示倒数第一个, -2表示倒数第二个
    myString="JavaScript";
    console.log(myString.substr(-1,1));//t  表示从倒数第一个开始截取,截取1个字符
    console.log(myString.substr(-2,1));//p  表示从倒数第二个开始截取,截取1个字符
    console.log(myString.substr(-3,1));//i  表示从倒数第三个开始截取,截取1个字符
    console.log(myString.substr(-4,1));//r  表示从倒数第四个开始截取,截取1个字符
    console.log(myString.substr(-5,1));//c  表示从倒数第五个开始截取,截取1个字符
    console.log(myString.substr(-6,1));//S  表示从倒数第六个开始截取,截取1个字符
    console.log(myString.substr(-7,1));//a  表示从倒数第七个开始截取,截取1个字符

    myString="JavaScript";
    console.log(myString.substr(-6,1));//S  表示从倒数第6个开始截取,截取1个字符
    console.log(myString.substr(-6,2));//Sc  表示从倒数第6个开始截取,截取2个字符
    console.log(myString.substr(-6,3));//Scr  表示从倒数第6个开始截取,截取3个字符
    console.log(myString.substr(-6,4));//Scri  表示从倒数第6个开始截取,截取4个字符
    console.log(myString.substr(-6,5));//Scrip  表示从倒数第6个开始截取,截取5个字符
    console.log(myString.substr(-6,6));//Script  表示从倒数第6个开始截取,截取6个字符

    //男生的作业:
    //从倒数的方式开始截取,获取av
    myString="JavaScript";
    console.log(myString.substr(-9,2));//Script  表示从倒数第6个开始截取,截取6个字符

    //女生的作业:
    //整数的方式获取曲线S
    //首先思考 我要获取几个字符,则后面的参数就确定了
    myString="JavaScript";
    console.log(myString.substr(4,1));//S  表示从索引值4开始截取,截取1个字符
    console.log(myString.substr(-6,1));//S  表示从倒数第6个开始截取,截取1个字符






    /******************************************************************************
                                substring(startIndex,endIndex)
                                        获取部分字符串
                    截取 起始索引startIndex  到  结束索引endIndex的子字符串,
                    结果包含startIndex处的字符,不包含endIndex处的字符。
     *******************************************************************************/
    console.log('substring用法')
    //男生的作业:获取av
    myString="JavaScript";
    console.log(myString.substring(1,3));

    //女生的作业:获取曲线S
    myString="JavaScript";
    console.log(myString.substring(4,5));

    //其他小点:
    //如果省略个数,则自动获取后面所有
     console.log(myString.substring(4));//Script
    //若startIndex或者endIndex为负,则会被替换为0。
    console.log(myString.substring(-1,1));//J
    //若startIndex = endIndex,则返回空字符串。
    console.log(myString.substring(3,3));//返回空
    //若startIndex > endIndex,则执行方法时,两个值会被交换。
    console.log(myString.substring(3,1));//等价于myString.substring(1,3)






    /******************************************************************************
                            slice(startIndex,endIndex)
                                获取部分字符串
                截取 起始索引startIndex  到  结束索引endIndex的子字符串,
                    结果包含startIndex处的字符,不包含endIndex处的字符。
     *******************************************************************************/
    console.log('slice(startIndex,endIndex)用法')
    myString="JavaScript";
    console.log(myString.slice(1,3)) //av
    console.log(myString.slice(4,5)) //S
    console.log(myString.slice(4)) //Script  //如果省略个数,则自动获取后面所有

    // 基本用法和substring用法一样,不同点如下:

//    stringObj.slice(start, [end])
//    如果 start 为负,将它作为 length + start处理,此处 length 为数组的长度。
       console.log(myString.slice(-1,3))
//    如果 end 为负,就将它作为 length + end 处理,此处 length 为数组的长度。
       console.log(myString.slice(2,-3))
//    如果省略 end ,那么 slice 方法将一直复制到 arrayObj 的结尾。
//    如果 end 大于 start,不复制任何元素到新数组中。
//
//    strVariable.substring(start, end)
//    如果 start 或 end 为 NaN 或者负数,那么将其替换为0。
//    子字符串的长度等于 start 和 end 之差的绝对值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的长度是 3。
//    slice可以对数组操作,substring不行。。。




    /******************************************************************************
                                split()分割
                    按给定字符串分割,返回分割后的多个字符串组成的字符串数组。
     *******************************************************************************/
    console.log('split()用法')
    var s="a,bc,d";
    console.log(s.split(","));//["a", "bc", "d"]
    s="a1b1c1d1";
    console.log(s.split("1"));//["a", "b", "c", "d", ""]






    /******************************************************************************
                                John()合并
                        使用您选择的分隔符将一个数组合并为一个字符串
     *******************************************************************************/
    console.log('John用法')
    var myList=new Array("jpg","bmp","gif","ico","png");
    var imgString=myList.join("|");//结果是jpg|bmp|gif|ico|png
    console.log(imgString)


    //split()还可以结合正则表达式
    myString = 'javascript is a good script language';
    console.log(myString.split(/\s/)); //javascript,is,a,good,script,language
    //传入\s表示要匹配空格,我们将字符串分割为一个数组,如果你要访问某一个,那么可以明确指出:
    console.log(myString.split(/\s/)[3]); //good





    /******************************************************************************
                                字符串大小写转换
                    使用您选择的分隔符将一个数组合并为一个字符串
     *******************************************************************************/
    console.log('字符串大小写转换')

    myString="JavaScript";
    myString = myString.toLowerCase();//javascript
    console.log(myString)
    myString = myString.toUpperCase();//JAVASCRIPT
    console.log(myString)




</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值