Javaweb之javascript的详细解析

1.5.1.2 String对象

语法格式

String对象的创建方式有2种：

方式1：

var 变量名 = new String("…") ; //方式一

例如：

var str = new String("Hello String");

方式2：

var 变量名 = "…" ; //方式二

例如：

var str = 'Hello String';

按照上述的格式，在VS Code中创建为名03. JS-对象-String.html的文件，编写代码如下：

浏览器控制台输出结果如下：

属性和方法

String对象也提供了一些常用的属性和方法，如下表格所示：

属性：

方法：

• length属性：

  length属性可以用于返回字符串的长度，添加如下代码：

  //length
  console.log(str.length);

• charAt()函数：

  charAt()函数用于返回在指定索引位置的字符，函数的参数就是索引。添加如下代码：

  console.log(str.charAt(4));

• indexOf()函数

  indexOf()函数用于检索指定内容在字符串中的索引位置的，返回值是索引，参数是指定的内容。添加如下代码：

  console.log(str.indexOf("lo"));

• trim()函数

  trim()函数用于去除字符串两边的空格的。添加如下代码：

  var s = str.trim();
  console.log(s.length);
  

• substring()函数

  substring()函数用于截取字符串的，函数有2个参数。

  参数1：表示从那个索引位置开始截取。包含

  参数2：表示到那个索引位置结束。不包含

  console.log(s.substring(0,5));

整体代码如下：

DOCTYPE html>
    
    
    
    
    

浏览器执行效果如图所示：

1.5.1.3 JSON对象

自定义对象

在 JavaScript 中自定义对象特别简单，其语法格式如下：

var 对象名 = {
    属性名1: 属性值1, 
    属性名2: 属性值2,
    属性名3: 属性值3,
    函数名称: function(形参列表){}
};

​

我们可以通过如下语法调用属性：

对象名.属性名

通过如下语法调用函数：

对象名.函数名()

接下来，我们再VS Code中创建名为04. JS-对象-JSON.html的文件演示自定义对象