前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航

JavaScript对象

首页
2016-07-27 11:40:43
Front-End
JavaScript

# 创建对象


  • 对象的概念:

    • 对象和数组的本质一样 都是组织一堆数据
    • 只不过 对象的下表不为数字而且无序
    • 每个编号–>内容
    • 属性–>值
  • 对象和数组的本质一样 都是组织一堆数据

  • 只不过 对象的下表不为数字而且无序

  • 创建对象:(不仅给值 还给属性)

  • 创建对象和数组的[]不一样

  • 和创建对象用{}

  • 和创建数组直接放置的值不一样 创建对象时值前面还要加上属性

  • 创建语法:{属性1:值1,属性2:值2}

  • 对象单元值的引用:(两种方法)

    • Obj.属性
    • Obj['属性']
var stu = {name:'小明',age:22,number:007,score:99};
// alert(stu);

//这种方法不推荐
//alert(stu['name']);// name需要加上单引号 不然就和变量一样了

//推荐用法
alert(stu.score);

@前端进阶之旅: 代码已经复制到剪贴板

# 对象的遍历


  • 遍历对象:
    • 因为对象的属性和数组的下标不一样

    • 数组的下表从0开始并且有规律的递增 因此可以用for循环遍历

    • 对象的属性 没有规律的

    • for in结构来遍历

       For(per in Obj){
         ......
       }
    
    @前端进阶之旅: 代码已经复制到剪贴板

注意:在for in 结构中循环得到的属性取值时不能用Obj.属性的方式 只能用中括号

  • 对象和数组本质一个键值对
var stu = {name:'小明',age:22,number:007,score:99};

//注意:在for in 结构中循环得到的属性取值时不能用Obj.属性的方式  只能用obj[属性]

	for(var i in stu){//把stu里面的所有属性依次赋给i遍历输出
		document.write(stu[i]+'<br>');//stu['i'] 不能这样写   stu['name'] 必须加上单引号 否则系统理解为name是变量  name是属性 是一个字符
	}

@前端进阶之旅: 代码已经复制到剪贴板

# 对象的单元删除


  • 对象的单元删除:对象单元的删除delete obj.属性
var stu = {name:'小明',age:22,number:
fe
  • 创建对象
  • 对象的遍历
  • 对象的单元删除
  • 对象的方法
  • JavaScript内置对象:
    • 日期时间对象
    • Math对象

← JavaScript之面向对象中的封装JavaScript与Unicode编码 →