## 数组
数组是按次序排列的一组值。每个值的位置都有编号(从0开始的)。整个数组用方括号表示。
> 数组的元素可以是不同的数据类型。
> 如果数组中的元素也为数组,那么就构成了一个二维数组
~~~javascript
var arr = ['a','b','c'];
var arr2 = [];
arr2[0] = 'a';
arr2[1] = 'b';
arr2[2] = 'c';
var arr3 = ['a',12,true,{name:"Tom",age:18}];
console.log(typeof arr3[2]); // boolean
var arr4 = [[1,2],[3,4]];
console.log(arr4[1][0]); // 3
~~~
### 1. 数组的本质
本质上,数组就是一个对象。通过typeof运算符返回的类型就是object。
~~~javascript
console.log(typeof arr4); // object
console.log("arr['1']=" + arr['1']); // b
console.log(Object.keys(arr)); // ["0", "1", "2"]
~~~
### 2.length属性
length属性返回的是数组的成员数量。
Javascript使用32位整数保存数组的元素个数,所以length的最大值为232-1。
只要是数组,就有length属性,而且length属性是一个动态的值,该值等于键名中的最大整数+1。
> 清空一个数组比较有效的方法就是设置length=0
~~~javascript
var arr5 = [1,2,3,4,5];
console.log(arr5.length); // 5
arr5[100] = 100;
console.log(arr5.length); // 11
console.log(arr5[7]);
var arr6 = [1,2,3,4];
console.log(arr6[3]); // 4
arr6.length = 3;
console.log(arr6[3]);
~~~
### for...in循环和遍历数组
~~~javascript
var arr6 = ['a','b','c','d'];
arr6.score = 98;
for (var i in arr6) {
console.log(arr6[i]); // a b c d 98
}
~~~
> 通过for...in遍历数组的时候,会把非数字键的属性也遍历出来,所以不推荐使用for...in遍历数组
我们一般还是使用for或while循环去遍历数组
~~~javascript
for (var i = 0; i < arr6.length; i++) {
console.log("arr6[" + (i) + "]=" + arr6[i]);
}
var i = 0;
while (i < arr6.length) {
console.log("arr6[" + (i) + "]=" + arr6[i]);
i = i + 1;
}
~~~
- 我们在做什么?
- 为什么是内存?
- 我们实际上在做什么
- HTML基础
- Web原理和HTML简介
- Web原理
- HTML概念
- HTML标签
- 标签
- HTML固定基本结构
- 第一个HTML页面
- 工具的使用
- 标题
- <hr>和<p>标签
- 路径概念
- 超级链接
- 列表
- 表格
- 表单的设计与使用
- 表单域的原理
- 文本框和密码框
- 单选框和复选框
- 下拉列表框
- 多行文本和上传
- 提交按钮和重置按钮
- 为CODING COFFEE加入在线购买页
- HTML5
- 定位服务
- CSS
- CSS的基础使用
- CSS简介
- CSS样式规则和加载方式
- 选择器
- 伪类
- CSS优先级和层叠
- CSS颜色
- 背景图片
- 文本
- CSS列表
- DIV+CSS布局
- 内联元素和区块元素介绍
- Display属性
- 盒子模型的边距和边框
- 浮动和清除浮动
- 用Position属性进行定位
- 专题:居中和对齐
- flex布局
- CSS新特性
- CSS3边框
- 动画
- Javascript
- HelloWorld
- 语句与变量
- 一切皆对象
- 标识符、注释和区块
- 基本数据类型和引用数据类型
- 语句
- 条件语句
- 循环语句
- 标准库
- Array对象
- Number对象
- String对象
- JSON对象
- Math对象
- Date对象
- 数据类型
- typeof运算符
- number
- 字符串
- 布尔类型
- 函数
- 数组
- Dom模型
- Dom和Dom节点
- 特征相关属性
- 节点对象方法
- Element对象
- Attribute对象
- Text节点和CSS操作
- 事件模型
- WebStorage
- BOM模型
- window对象
- 计时事件
- jQuery基础
- 认识jQuery
- jQuery对象和DOM对象
- jQuery选择器
- jQuery Dom操作
- 查找节点和创建节点
- 插入节点和删除节点
- 复制节点和替换节点
- 包裹节点和属性操作
- 样式操作
- 设置和获取HTML、文本和值
- 遍历节点和CSS操作
- jQuery 事件和动画
- 事件绑定与冒泡处理
- jQuery动画
- jQuery 插件
- validate 插件
- jQuery与Ajax的应用
- Ajax简介
- jquery中的Ajax
- Vue.js基础与实战
- HelloWorld
- v-for、v-on、v-model
- 组件化编程
- 生命周期函数(钩子)
- 计算属性、侦听器、方法
- class与style绑定
- 关于组件的一些问题
- 单项数据流和Prop验证
- 项目环境搭建
- 关于git的一些情况
- JavaWeb教程
- 对象和类的概念
- 对象和类的介绍
- 对象和类的介绍2
- 类的继承与权限控制
- Object类
- 多态的内容
- 容器
- 流
- Servlet
- Servlet练习
- Session和Cookie
- JSP
- 内置对象
- JSTL和EL
- JDBC
- 文件上传和下载
- 过滤器
- 数据库
- 数据库介绍
- MySQL的安装
- SQL
- 表基本操作
- 修改数据语句
- 数据检索操作
- 多表数据操作
- 表结构设计
- 综合应用
- 作业与练习
- Maven教程
- Maven安装配置