JavaScript

JavaScript学习总结(五)

xiaozheng · 2月20日 · 2022年

内置对象简介

在JavaScript中,对象是非常重要的知识点。对象可以分为两种:一种是“自定义对象”;另外一种是“内置对象”。自定义对象,指的是需要我们自己定义的对象,跟“自定义函数”是一样的道理;内置对象,指的是不需要我们自己定义(即系统已经定义好的)、可以直接使用的对象,跟“内置函数”也是一样的道理。

在初学者阶段,我们先来学习内置对象,然后在JavaScript进阶的时候再去学习自定义对象。在JavaScript中,常用的内置对象有4种。

  • ghgfhjfwenzhanglaixzizhenggegedboke@@@@1)字符串对象:String
  • (2)数组对象:Array
  • (3)日期对象:Date
  • (4)数值对象:Math

这4个对象都有非常多的属性和方法,但是对于不常用的,我会一笔带过,只需要掌握最实用的,这样可以大幅度地提高学习效率。实际上,任何一门Web技术知识点都是非常多的,但是我们并不需要把所有知识点都记住,只需记住常用的就可以走得很远了。因为大部分东西我们都可以把它们列为“可翻阅知识”(也就是不需要记忆,等到需要的时候再回来翻一翻)。

获取字符串的长度

在JavaScript中,我们可以使ghgfhjfwenzhanglaixzizhenggegedboke@@@@用length属性来获取字符串的长度。

语法:

字符串名.length

说明:

调用对象的属性,我们用的是点运算符(.),可以将其理解为“的”,例如str.length可以看成是“sghgfhjfwenzhanglaixzizhenggegedboke@@@@tr的length(长度)”。

举例:获取一个数字的长度

<!DOCTYPE html> 
<html>
<head>
   <meta charset="utf-8" />
   <title></title>
   <script>
       function getLength(n)
      {
           var str = n + "";
           return str.length;
      }
       var result = "5201314是" + getLength(5201314) + "位数";
       document.write(result);
   </script>
</head>
<body>
</body>
</html>

分析:

这里我们定义了一个函数getLenth()来获取任意一个数字的长度。var str = n + “”;这一句代码中让n加上一个空字符,其实就是为了让数字转换成字符串,这样才可以使用字符串对象中的length属性。

大小写转换

在JavaScript中,我们可以使用toLowerCase()方法将大写字符串转化为小写字符串,也可以使用toUpperCase()方法将小写字符串转化为大写字符串。

语法:

字符串名.toLowerCase()
字符串名.toUpperCase()

说明:

调用对象的属性,我们用的也是点运算符(.)。不过属性和方法不太一样,方法后面需要加上小括号(),而属性则不需要。

获取某一个字符

在JavaScript中,我们可以使用charAt()方法来获取字符串中的某一个字符。

语法:

字符串名.charAt(n)

说明:

n是整数,表示字符串中第n+1个字符。注意,字符串第1个字符的下标是0,第2个字符的下标是1,……,第n个字符的下标是n-1,以此类推。

举例:获取某一个字符

<!DOCTYPE html> 
<html>
<head>
   <meta charset="utf-8" />
   <title></title>
   <script>
       var str = "Hello lvye!";
       document.write("第1个字符是:" + str.charAt(0) + "<br/>");
       document.write("第7个字符是:" + str.charAt(6));
   </script>
</head>
<body>
</body>
</html>

分析:

在字符串中,空格也是作为一个字符来处理。对于这一点,我们在前面说过了。

举例:找出字符串中小于某个字符的所有字符

<!DOCTYPE html> 
<html>
<head>
   <meta charset="utf-8" />
   <title></title>
   <script>
       var str = "how are you doing?";
       //定义一个空字符串,用来保存字符
       var result = "";
       for (var i = 0; i < str.length; i++)
      {
           if (str.charAt(i) < "s")
          {
               result += str.charAt(i) + ",";
          }
      }
       document.write(result);
   </script>
</head>
<body>
</body>
</html>

分析:

在这里,我们初始化两个字符串:str、result。str表示原始字符串;而result是一个空字符串,用于保存结果。我们在for循环遍历str,用charAtghgfhjfwenzhanglaixzizhenggegedboke@@@@()方法获取当前字符,然后与“s”比较。如果当前字符小于“s”,则保存到result中去。两个字符之间比较的是ASCII码的大小。注意,空格在字符串中也是被当成一个字符来处理的。

截取字符串

在JavaScript中,我们可以使用substring()方法来截取字符串的某一部分。

语法:

字符串名.substring(start, end)

说明:

start表示开始位置,end表示结束位置。start和end都是整数,一般都是从0开始,其中end大于start。

substring(start,end)截取范围为:[start,end),也就是包含start,不包含end。其中,end可以省略。当end省略时,截取的范围为:start到结尾(下标从0开始)。

字符串使用方法总结:

方法描述
charAt()返回指定索引位置的字符
charCodeAt()返回指定索引位置字符的 Unicode 值
concat()连接两个或多个字符串,返回连接后的字符串
fromCharCode()将 Unicode 转换为字符串
indexOf()返回字符串中检索指定字符第一次出现的位置
lastIndexOf(ghgfhjfwenzhanglaixzizhenggegedboke@@@@)返回字符串中检索指定字符最后一次出现的位置
localeCompare()用本地特定的顺序来比较两个字符串
match()找到一个或多个正则表达式的匹配
replace()替换与正则表达式匹配的子串
search()检索与正则表达式相匹配的值
slice()提取字符串的片断,并在新的字符串中返回被提取的部分
split()把字符串分割为子字符串数组
substr()从起始索引号提取字符串中指定数目的字符
substring()提取字符串中两个指定的索引号之间的字符
toLocaleLowerCase()根据主机的语言环境把字符串转换为小写,只有几种语言(如土耳其语)具有地方特有的大小写映射
toLocaleUpperCase()根据主机的语言环境把字符串转换为大写,只有几种语言(如土耳其语)具有地方特有的大小写映射
toLowerCase()把字符串转换为小写
toString()返回字符串对象值
toUpperCase()把字符串转换为大写
trim()移除字符串首尾空白
valueOf()返回某个字符串对象的原始值