JavaScript基础总结(四)——字符串总结

本文深入讲解JavaScript中的字符串操作,包括位置操作、截取方法、数组转换及大小写转换等核心功能,通过实例演示如何查找特定字符、截取子串、转换数组及调整字符串大小写。

1、字符串位置操作
1-1、str.charAt(index) 字符串中index位置的字符

str.charCodeAt(index) 字符串中index位置的字符编码

代码如下:

      var str="hello word";
    //str.charAt(index位置字符)
    document.write(str.charAt(2)); //输出值为l
    document.write("<br />");
    //str.charAt(index位置字符编码)
    document.write(str.charCodeAt(2)); //输出值为108

1-2、str.indexOf("从左至右起一个字符串中搜索指定字符")

 str.lastIndexOf("从右至左起一个字符串中搜索指定字符")
 indexOf与lastIndexOf返回数值,没有搜索的其值返回-1

代码如下:

    var strs="479114169@qq.com";
    //从左侧开始检测第一个1出现的位置
    document.write(strs.indexOf("1")); //输出值为3
    document.write("<br />");
    //检测2在字符串中出现的位置返回值为-1,表示字符串中2没有出现
    document.write(strs.indexOf("2")); //输出值为-1
    document.write("<br />");
    document.write(strs.lastIndexOf("7")); //输出值为1

2、字符串截取
str.slice(start,end) 中start为必选选项,指定字符串的开始位置;end为可选,表示字符串的结束位置,end不在截取范围内,省略时截取至字符串未尾

str.substring()同slice,区别在于对于负值的操作
当为负数时自动将负值转为0,end为负值时自动将其默认为字符串截取的开始位置
str.substr(start,len)中start为必选,指定字符开始位置,当start为负值时,将字符长度与负值相加;len表示截取的字符总数,当为负值时返回空字符串
代码如下:
var arr="hello world";
    //str.slice(start,end) 
    //start为字符的开始位置必选选项,end为字符串的结束位置可选选项,此项不写时默认到字符串结束位置
    //如果为负数时用字符长度+传入的负值参数        
    document.write(arr.slice(2)+"<br/>");//输出值为l至最后llo world
    //str.substring(start,end)同slice,区别在于传入的参数为负值时自动将负值转换为0
    document.write(arr.substring(2)+"<br/>");//输出值为l至最后llo world
    document.write(arr.substring(-7,7)+"<br/>");//hello w
    //str.substr(start,len)start指定字符串开始位置,当start为负值时,负值与字体长度相加
    //len表示截取的字符串长度,当为负值时返回空字符串
    document.write(arr.substr(2,4)+"<br/>");//llo

字符串截取例如下:

<!--需要大家判断出“JavaScript”这个字符出现的位置,以及它在这段话中总共出现了几次,-->
<script type="text/javascript">
    var str="JavaScript 是属于网络的脚本语言!JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。JavaScript 是因特网上最流行的脚本语言。JavaScript很容易使用!你一定会喜欢它的!",//原字符串 
        sum=1; //字符串初次显示的位置 
    //循环原数找出J出现的位置
    for(var i=0;i<str.length;i++){
        if(str[i].charAt("J")==="J"){ //通charAt属性查找J的位置
            if(str.substr(i,10)){//截取JavaScript的位置
                document.write("JavaScript第"+sum+"次出现是在"+i+"的位置"+"<br />");
                sum+=1; //每出现一次增加1
            }
        }
    }
    document.write("JavaScript在这段话中出现了"+(sum-1)+"次");//总共出现的次数
</script>


3、字符串方法综合应用:编写js函数,用于查找邮箱的后缀名,代码如下:

    //查找邮箱后缀名
    function suffix(str){
        for(var i=0;i<str.length;i++){//循环原字符串
        if(str[i]==="@"){//当字符串有@元素时打印@的下标
            document.write("后续名为:"+str.slice(i));
            }
        }
    }
    suffix("nice@qq.com ");


4、字符串转数组:

str.split("字符串的分隔符") 字符串转数组

5、str.toUpperCase()字符串转换成大写
strs.toLowerCase()字符串转小写
以上两种方法会生成副本,原字符中不变
例:
//将字符串"Never deter till tomorrow that which you can do today"的”tomorrow”转化为大写。

    var str="Never deter till tomorrow that which you can do today";
    var index=str.indexOf("tomorrow");//获取tomorrow中t的下标17
    var indes=str.substr(index,8);// 获得字符串tomorrow
    var upperStr=indes.toUpperCase(); //将字符串tomorrow并转换成大写
    console.log(str.slice(0,17)+upperStr+str.slice(25));//拼接后的字符串






### 回答1: 字符串对象是JavaScript中的一种数据类型,用于表示文本数据。字符串对象可以包含任何字符,包括字母、数字、符号和空格等。在JavaScript中,字符串对象是不可变的,也就是说一旦创建就不能修改。但是可以通过一些方法来操作字符串对象,如拼接、截取、替换等。常见的字符串方法有concat()、slice()、replace()等。掌握字符串对象的使用可以帮助我们更好地处理文本数据。 ### 回答2: JavaScript字符串对象是一个在JavaScript中非常重要的事物。JavaScript字符串对象可以帮助我们在JavaScript编程中进行文本操作。通过了解字符串对象,可以使我们更有效地处理字符串数据,并让我们的代码更加强大。 JavaScript中的字符串对象具有很多方法和属性,可以帮助我们对字符串进行各种操作。以下是一些常用的字符串对象方法: 1. length属性:返回字符串的长度。 2. charAt()方法:返回指定索引位置的字符。 3. concat()方法:连接两个或多个字符串。 4. slice()方法:提取字符串的一部分,并返回一个新字符串。 5. substr()方法:从指定位置开始提取长度为指定的字符。 6. replace()方法:替换字符串中的指定文本。 7. split()方法:将字符串转换为数组。 8. toLowerCase()方法:将字符串转换为小写。 9. toUpperCase()方法:将字符串转换为大写。 在JavaScript中处理字符串非常重要,因为在处理表单、验证用户输入等方面都需要使用到字符串字符串对象也是最常用的JavaScript对象之一,因此熟悉JavaScript字符串对象将有助于提高程序的效率和简洁性。 需要特别注意字符串是不可修改的,一旦创建了一个字符串对象,就无法修改它的值。所以,任何字符串的修改操作都将返回一个新的字符串。 在编写程序时,应根据需要选择适当的字符串操作方法和属性。例如,在向用户显示错误消息时,可能需要使用charAt()方法或slice()方法来提取并显示错误消息中的第一个字符或前几个字符。或者,在对用户输入进行验证时,可以使用indexOf()方法或search()方法来检查输入的字符串中是否包含特定的字符或字符串。 总之,JavaScript字符串对象是处理JavaScript编程中文本数据的重要工具。通过了解字符串对象的各种方法和属性,可以更加有效和灵活的处理和操纵字符串数据。 ### 回答3: JavaScript中的字符串对象是一个字符串值的表示。它提供了对字符串值的访问和操作。JavaScript字符串是Unicode字符串,因此它们可以包含任何Unicode字符(包括多字节字符)。 字符串对象的主要方法有: 1. charAt()方法-返回指定索引的字符。该索引是基于零的。例如: var str = "hello world"; console.log(str.charAt(1)); //输出e 2. concat()方法-将一个或多个字符串连接到原始字符串,并返回新字符串。例如: var str1 = "hello "; var str2 = "world"; var newStr = str1.concat(str2); console.log(newStr); //输出hello world 3. indexOf()方法-返回第一个匹配的字符索引。如果没有找到匹配项,则返回-1。例如: var str = "hello world"; console.log(str.indexOf("world")); //输出6 4. lastIndexOf()方法-返回最后一个匹配的字符索引。如果没有找到匹配项,则返回-1。例如: var str = "hello world"; console.log(str.lastIndexOf("l")); //输出9 5. replace()方法-替换字符串中的字符。例如: var str = "hello world"; console.log(str.replace("world", "everyone")); //输出hello everyone 6. slice()方法-从字符串中提取指定的字符。例如: var str = "hello world"; console.log(str.slice(0, 5)); //输出hello 7. split()方法-将字符串拆分为子字符串,并返回一个数组。例如: var str = "hello world"; console.log(str.split(" ")); //输出["hello", "world"] 字符串对象是JavaScript中最常用的对象之一。它提供了许多方法,可以让您对字符串执行各种操作,包括搜索、提取和更改字符。熟练掌握这些方法,可以使您在JavaScript中更有效地处理字符串值。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值