JS（复杂数据类型）（初认识）

一、对象（重点）

对象就是一系列`无序`数据的集合

• 对象由属性和方法构成
• 对象中每个值/元素/成员，由键:值构成
• 对象多个成员之间用 “ , ” 隔开

操作对象的方法

增：对象.新键 = 值
删：delete 对象.旧键
改：对象.旧键 = 值
取：对象.旧键 => 对象是由属性或方法 => 对象.属性名 或 对象.方法名()
多学一招：对象[变量] // 不推荐，仅对象的属性是一个变量时使用 同数组

语法：

// 字面量创建空对象（推荐） 
var obj = {
   } 
// 内置构造函数空对象
var obj = new Object()

// 非空对象    
var obj = {
   键1:值1,...,键n:值n} 
var obj = new Object({
   键1:值1,...,键n:值n})  // 注意：内置构造函数写入值的值必须加上{}

练习：

                      需求：定义学生stu对象，设置属性name属性、age属性、say方法

var stu = {
   
    name:'tom', 
    age:18, 
    say: function() {
   
        alert('hello,world')
    }
} 
console.log(stu)

二、数组***

数组就是一系列有序数据的集合

• 数组中每个值，称之为一个“数组元素”;

• 数组元素可以是任意类型的数据

• 数组下标都是从0开始

语法

创建数据：

// 字面量创建空数组  
var arr = []
// 内置构造函数空数组
var arr = new Array()

// 非空数组  
var arr = [值1,...,值n] 
var arr = new Array(值1,...,值n)    //注意：这边一定要注意构造函数必须首字母大写
var arr = new Array(仅一个参数)     //注意：仅一个参数时（数字-则指数组长度，字符串-则正常定义值）

操作方法：

增：变量名[新下标] = 值
删：待会讲（下述：数组对象JS内置方法操作）
改：变量名[旧下标] = 值
取：变量名[下标]

练习

需求：定义数组arr 存放数据挨个手动输出
var arr = ['1', '2', '3', '4', '5'];
// 挨个手动输出
console.log(arr)
console.log(arr[0])
console.log(arr[1])
console.log(arr[2])
console.log(arr[3])
console.log(arr[4])

需求：将3改为6
arr[2] = '5'
console.log(arr)

数组长度（length）

length 就是表示数组的长度，数组里面有多少个成员，length 就是多少

// 创建一个数组
var arr = [1, 2, 3]

console.log(arr.length) // 3

数组索引

• 索引，也叫做下标/编号/键，是指一个数据在数组里面排在第几个的位置

• 注意： 在所有的语言里面，索引都是从 0 开始的

• 在 js 里面也一样，数组的索引从 0 开始

// 创建一个数组
var arr = ['hello', 'world']

• 上面这个数组中，第 0 个 数据就是字符串 hello，第 1 个 数据就是字符串 world

• 想获取数组中的第几个就使用 数组[索引] 来获取

var arr = ['hello', 'world']
  
console.log(arr[0]) // hello
console.log(arr[1]) // world

二维数组（多维数组）

数组元素可以是任意类型，如果其中一个元素依旧是数组，我们称之为`多维数组`

var arr = [
  元素1,
  [元素1,元素2,元素3],
  元素3,
  元素4
]