在JavaScript中所有事物都是对象,字符串、数值、数组、函数...等,

  JavaScript还允许自定义对象。这些在1.1中有所介绍。

  一、遍历对象属性

  

<!DOCTYPE html>
<html>
<head> </head> <body > </body>
</html>
<script>
person = {name:"hcf",age:19,address:"wuhan"};//key:value,key:value
for(temp in person){ //迭代person对象的key,temp代表 name、age、address
document.write(person[temp]+ "<br>"); //获取对象属性值可通过(对象.属性名)或(对象[属性名])
} </script>

  

  二、Number对象

    平常使用var i = 3;此时i就是一个Number对象,我们可以直接调用这个对象提供的方法。

    

       

<!DOCTYPE html>
<html>
<head> </head> <body > </body>
</html>
<script>
var i = 3; //var i = new Number(3);
document.write(i + "的二进制:" + i.toString(2) + "<br>");
document.write("可表示的最大数:" + Number.MAX_VALUE) </script>

Number.MAX_VALUE是构造函数本身的值,不是对象的值。所以只能用Number.MAX_VALUE表示,而不能用i.MAX_VALUE表示。

Number具体属性既方法的使用可查阅:Number对象参考手册    

  三、String对象

  类似var str = "hello",  var str1 = new String("hello world")

  

<!DOCTYPE html>
<html>
<head> </head> <body > </body>
</html>
<script>
var str = "hello world!";
document.write("字符串长度:" + str.length + "<br>");
document.write(str.indexOf("l") + "<br>");//第一'l'在字符串中的位置,从0开始计数。
document.write(str.fontcolor("red"));//将字符串设置为红色 </script> 

  

w3school JavaScript String对象参考手册

  

  四、Array对象

  在JavaScript中数组也是对象,也提供了对应了操作方法

  

<!DOCTYPE html>
<html>
<head> </head> <body > </body>
</html>
<script>
var arr = [1,2,false,"string"]; document.write("数组长度:" + arr.length + "<br>");
document.write(arr.join('-') + "<br>");//将数组内容转换为字符串,并用‘-’连接。
document.write(arr.reverse());//颠倒数组中元素 </script>

  

w3school JavaScript Array对象参考手册

  

  五、Math 对象

  Math提供了一系列数学运算的函数,使用这些函数时只需按照Math.函数名(参数)这种形式写就可直接调用对应函数。

  

<!DOCTYPE html>
<html>
<head> </head> <body > </body>
</html>
<script>
var i = -3.5;
document.write(Math.abs(i) + "<br>");//绝对值
document.write(Math.pow(i,2) + "<br>")//平方
document.write(Math.sqrt(5) + "<br>")//根号5 </script>

Maht对象方法可参阅:w3school JavaScript Math对象参考手册

  六、Date 对象

  Date对象是JavaScript提供的用于处理时间日期的对象。  

  创建Date对象, var day = new Date();创建的日期对象默认为当前时间。

<!DOCTYPE html>
<html>
<head> </head> <body > </body>
</html>
<script>
var today = new Date();//默认使用当前时间
document.write(today.toLocaleString() + "<br>");//转换为本地时间格式
today.setFullYear(2008,7,8);//设置年月日 ,月份表示范围为0-11,0代表一月
today.setHours(8,8,8);//设置时分秒
document.write(today.toLocaleString() + "<br>"); </script>

Date对象属性和方法可参阅:w3school JavaScript Date对象参考手册

  

1.3 (JavaScript学习笔记)JavaScript对象的更多相关文章

  1. JavaScript:学习笔记(8)——对象扩展运算符

    JavaScript:学习笔记(8)——扩展运算符 对象的扩展运算符 扩展运算符是三个点(...).用于取出参数对象的所有可遍历属性,然后拷贝到当前对象之中. 如上图所示,新建了一个对象a,然后通过扩 ...

  2. JavaScript学习笔记——BOM_window对象

    javascript浏览器对象模型-windwo对象 BOM Browser Object Model window对象 是BOM中所有对象的核心. 一.属性 1.(位置类型-获得浏览器的位置) IE ...

  3. JavaScript学习笔记之对象

    目录 1.自定义对象 2.Array 3.Boolean 4.Date 5.Math 6.Number 7.String 8.RegExp 9.Function 10.Event 在 JavaScri ...

  4. JavaScript学习笔记-JSON对象

    JSON 是一种用来序列化对象.数组.数值.字符串.布尔值和 null 的语法.它基于 JavaScript 语法,但是又有区别:一些 JavaScript 值不是 JSON,而某些 JSON 不是 ...

  5. JavaScript学习笔记——3.对象

    JavaScript 对象 - 创建对象 1- var obj = new Object(); 2- var obj = {}; *例子:var person = {Name:"Hack&q ...

  6. JavaScript学习笔记——DOM_document对象

    javascript-document对象详解 DOM document(html xml) object modledocument对象(DOM核心对象) 作用: 1.内容 innerHTML 2. ...

  7. Javascript学习笔记:对象的属性类型

    在ECMAScript中有两种属性:数据属性和访问器属性 1.数据属性 configurable:表示能否通过delete删除属性从而重新定义属性:或者能否修改属性的特性:或者能否把属性修改为访问器属 ...

  8. [JavaScript] 学习笔记-JavaScript基础教程

    1.JavaScript介绍 1)JavaScript是互联网上最流行的脚本语言,这门语言可用于Web和HTML,更可广泛用于服务器.pc端.移动端.JavaScript是一种轻量级的编程语言,插入H ...

  9. JavaScript:学习笔记(9)——Promise对象

    JavaScript:学习笔记(9)——Promise对象 引入Promise Primose是异步编程的一种解决方案,比传统的解决方案回调函数和事件更加合理和强大.如下面为基于回调函数的Ajax操作 ...

  10. JavaScript:学习笔记(10)——XMLHttpRequest对象

    JavaScript:学习笔记(10)——XMLHttpRequest对象 XHR对象 使用XMLHttpRequest (XHR)对象可以与服务器交互.您可以从URL获取数据,而无需让整个的页面刷新 ...

随机推荐

  1. css 背景透明,文字不透明

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  2. 工具===代替cmd的conemu设置

    conemu设置 Win+Alt+P进入设置界面,字体设置: 隐藏右上角菜单和窗口标题. (Ctrl + ~ 隐藏/显示terminal) 设置背景图片 避免误操作,关闭/新建确认 设置win+w默认 ...

  3. python设计模式之单例模式(二)

    上次我们简单了解了一下什么是单例模式,今天我们继续探究.上次的内容点这 python设计模式之单例模式(一) 上次们讨论的是GoF的单例设计模式,该模式是指:一个类有且只有一个对象.通常我们需要的是让 ...

  4. cacti (不可以利用yum安装cacti的配置)

    我们如果用yum不可以安装cacti,我们则可以利用tar包来安装!!! //cacti的配置准备 [root@localhost ~]# yum install -y epel-release [r ...

  5. JS判断客户端是否是iOS或者Android手机移动端

    var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > - ...

  6. 安装node的最新版本

    前段时间小试了一下node 这段时间就差不多忘了 恩 然后现在自己想去回顾一下,然后流程想再好好弄一遍 争取掌握node 因为我现在已经安装了 一个node版本 那我想安装最新版本吧 首先,看看你的n ...

  7. 深入理解python多进程编程

    1.python多进程编程背景 python中的多进程最大的好处就是充分利用多核cpu的资源,不像python中的多线程,受制于GIL的限制,从而只能进行cpu分配,在python的多进程中,适合于所 ...

  8. 《逐梦旅程 WINDOWS游戏编程之从零开始》笔记8——载入三维模型&Alpha混合技术&深度测试与Z缓存

    第17章 三维游戏模型的载入 主要是如何从3ds max中导出.X文件,以及如何从X文件加载三维模型到DirextX游戏程序里.因为复杂的3D物体,要用代码去实现,那太反人类了,所以我们需要一些建模软 ...

  9. OpenCL与CUDA,CPU与GPU

    OpenCL OpenCL(全称Open Computing Language,开放运算语言)是第一个面向异构系统通用目的并行编程的开放式.免费标准,也是一个统一的编程环境,便于软件开发人员为高性能计 ...

  10. hdu 2044-2050 递推专题

    总结一下做递推题的经验,一般都开成long long (别看项数少,随便就超了) 一般从第 i 项开始推其与前面项的关系(动态规划也是这样),而不是从第i 项推其与后面的项的关系. hdu2044:h ...