数组-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}]