引用数据类型介绍

数组-Array

数组的介绍

是一种能按顺序保存数据的数据类型
声明语法:let 数组名 = [数据1, 数据2, 数据3, ... , 数据n]
按顺序保存,编号从0开始,称为 索引下标
其中的每一个数据被称作元素
元素的个数,被称为数组的长度,获取长度的方式:数组名.length

数组的增、删、改、查

数组的元素查询

array[索引]

遍历数组
  •       for(let i = 0; i < array.length; i++) {
              console.log(i)
              console.log(array[i])  
           }
    
  •       array.forEach(function(element, index)) {
              console.log(index)
              console.log(element)  
           }
    

数组的元素修改

array[索引] = 新元素

数组的元素增加

  • array.push(新元素1, 新元素2, ... ,新元素) 从最后面开始添加,返回值为数组更新后的长度
  • array.unshift(新元素1, 新元素2, ... ,新元素) 从最前面开始添加,返回值为数组更新后的长度

数组的元素删除

  • array.pop() 不用传参,删除数组中最后一个元素,返回该元素
  • array.shift() 不用传参,删除数组中的第一个元素,返回该元素
  • array.splice(start, deleteCount) 参数start为起始索引值,参数deleteCount为从起始位置开始,删除几个元素,可以不填,其默认值为从指定起始位置开始删完

函数 - function

函数的介绍

语法:

function 函数名(形参1,  形参2,  ...  ,  形参n) {
    函数体
    return 返回值
}
函数名的命名

规则:同变量命名
规范:小驼峰命名法,前缀一般为动词

  • can 判断是否执行
  • has 判断是否含有
  • is 判断是否为某值
  • get 取得某值
  • set 设置某值
  • load 加载某些数据
关键词:return
  • 如果函数没有return,则默认返回值为undefined
  • 在函数中,执行到return语句时,会立即结束当前函数,函数内return后面的语句将不会执行

匿名函数&具名函数

  • 匿名函数:let fn = function () {} 调用:fn()
    • 回调函数:把匿名函数作为参数传入
    • 立即执行函数:
        ;(function () {代码1}) ()
        ;(function () {代码2}) ()
    
    特点:无需调用,立即执行,可防止变量污染
  • 具名函数:function fn() {} 调用:fn()

对象- Object

万物皆对象,常见的一种数据储存形式,用来描述某个事物的数据集合,数据内容以键值对的形式存在

语法:

let 对象名 = {
    属性名:属性值,
    方法名:函数
}

对象的增、删、改、查

对象的内容访问(查询)

访问属性&访问方法
  • 对象名.属性名 & 对象名.方法名()
  • 对象名['属性名'] & 对象名['方法名']()
    使用中括号的方式调用,一定要记得加引号包裹,因为只有其是字符串形式 才会以对象的属性名去查找对应的值,否则会被当成一个变量来解析
      let 变量 = '属性名'
      对象名[变量]
    
    由此可知,通过中括号调用的方式,可以让变量参与,更加灵活
遍历对象
for (let key in obj) {
    console.log(key)
    console.log(obj[key])
}

对象内容的增加&修改

obj.key = value
obj里找不到key就是新增一个键值对,找得到就是修改key的value

对象内容的删除

delete obj.key

对象数组

数据的终极形态,用数组装入多个对象
let data = [{object-1}, {object-2}, ... , {object-n}]

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容