【JavaWeb】Day08.JS基础对象——Array、String、JSON

JavaScript 基础对象

        对象是 JavaScript 的数据类型之一，用于存储键/值（名称/值）集合。JavaScript 对象是命名值的集合。

Array对象

  JavaScript 中 Array对象用于定义数组

var 变量名 = new Array(元素列表); //方式一
var arr = new Array(1,2,3,4);
var 变量名 = [ 元素列表 ]; //方式二
var arr = [1,2,3,4];

访问：

arr[ 索引 ] = 值; 
arr[10] = "hello";

    注意：JavaScript 中的数组相当于 Java 中集合，数组的长度是可变的，而且JavaScript 是弱类型，所以可以存储任意的类型的数据。

Array属性：

 var arr = [1,2,3,4]; //length属性
    arr[10] = 50;
    for (let i = 0; i < arr.length; i++) {
        console.log(arr[i]);
    }

可以看到开始定义长度为4，输出结果发现数组长度自动变长，且中间值显示为undefined。 

方法： 

（这里只演示部分主要属性和方法，其余可参考 JavaScript 数组参考手册）

var arr = [1,2,3,4];
    arr[10] = 50;
    for (let i = 0; i < arr.length; i++) {
        console.log(arr[i]);
    }

    console.log("==================");

    // forEach: 遍历数组中有值的元素
    arr.forEach(function(e){
        console.log(e);
    })

    // push: 添加元素到数组末尾
    arr.push(7,8,9);
    console.log(arr);

 var arr = [1,2,3,4];
    arr[10] = 50;
    for (let i = 0; i < arr.length; i++) {
        console.log(arr[i]);
    }
 // splice: 删除元素
    arr.splice(2,2);
    console.log(arr);

可以看到使用splice方法删除了从二号位置开始的后两个元素。

JavaScript 字符串

String字符串对象创建方式有两种：

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

属性：

方法：

<script>
    //创建字符串对象
    //var str = new String("Hello String");
    var str = "  Hello String    ";

    console.log(str);

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

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

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

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

    //substring(start,end) --- 开始索引, 结束索引 (含头不含尾)
    console.log(s.substring(0,5));

</script>

 

String 对象描述

字符串是 JavaScript 的一种基本的数据类型。String 类提供了操作原始字符串值的方法。

String 对象的 length属性声明了该字符串中的字符数。

String 类定义了大量操作字符串的方法，例如从字符串中提取字符或子串，或者检索字符或子串。

注意：JavaScript 的字符串是不可变的（immutable），String 类定义的方法都不能改变字符串的内容。

JSON对象

• 概念：JavaScript Object Notation，JavaScript对象标记法。
• JSON 是通过 JavaScript 对象标记法书写的文本。
• 由于其语法简单，层次结构鲜明，现多用于作为数据载体，在网络中进行数据传输。

定义： 

var 变量名 = '{"key1": value1, "key2": value2}';

value 的数据类型为：

• 数字（整数或浮点数）
• 字符串（在双引号中）
• 逻辑值（true 或 false）
• 数组（在方括号中）
• 对象（在花括号中）
• null

var userStr = '{"name":"Jerry","age":18, "addr":["北京","上海","西安"]}';

 注意： JSON 格式是纯文本，所以不可以使用对象的方法获取获取属性

正确的方法应该把他们转化成相对应的格式。

JSON字符串转为JS对象

var jsObject = JSON.parse(userStr);

JS对象转为JSON字符串

var jsonStr = JSON.stringify(jsObject);

此时就可以获取属性了。