JS 学习（四）对象

对象

在JS中，对象是数据（变量），拥有属性和方法。
JS中所有事物都是对象：字符串、数字、数组、日期等。
对象是拥有属性和方法的特殊数据类型。
- 属性是与对象相关的值。
- 方法是能够在对象上执行的动作。

// 对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔

var myDog = {

    age : 20,        //也可以这样写 'age' : 20      "age" : 20

    name : 'rose'

};

// 对象属性有两种寻址方式

console.log(myDog.name);

console.log(myDog['name']); // 这种方括号里面只能传字符串，不加引号系统会认为是一个变量

自己创建对象

person=new Object();

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

document.write(person.firstname + " is " + person.age + " years old.");

JS Number对象

number：所有数字，比如小数\整数，JS数字均为64位。 JavaScript 中的所有数字都存储为根为 10 的 64 位（8 比特），浮点数。
精度：
- 整数：最多15位。
- 小数：最大17位，浮点数运算并不100%准确。
Number对象属性：
- constructor：返回对创建此对象的Number函数的引用。
- MAX VALUE：
- MIN VALUE：
- NaN：非数字值
Number对象方法：
- toString()等

JS 字符串对象

string：字符串类型，用双引号“aaa”或者单引号‘ aaa’, 建议单引号参考手册：http://www.w3school.com.cn/jsref/jsref_obj_string.asp
计算字符串长度 str.length
字符串样式

<script type="text/javascript">

    var txt="Hello World!"

    document.write("<p>Big: " + txt.big() + "</p>")

    document.write("<p>Small: " + txt.small() + "</p>")

    document.write("<p>Bold: " + txt.bold() + "</p>")

    document.write("<p>Italic: " + txt.italics() + "</p>")

    document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")

    document.write("<p>Fixed: " + txt.fixed() + "</p>")

    document.write("<p>Strike: " + txt.strike() + "</p>")

    document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")

    document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")

    document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")

    document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")

    document.write("<p>Subscript: " + txt.sub() + "</p>")

    document.write("<p>Superscript: " + txt.sup() + "</p>")

    document.write("<p>Link: " + txt.link("http://www.baidu.com") + "</p>")

</script>

indexOf( ) 方法
- 定位字符串中某个执行的字符首次出现的位置
- var str="Hello world!"
 document.write(str.indexOf("Hello") +" ”) // 0
 document.write(str.indexOf("World") +" ”) // -1
 document.write(str.indexOf("world”)) // 6

match()
- 查找字符串中特定的字符，找到返回
- var str="Hello world!"
 document.write(str.match("world") + " ”) // world
 document.write(str.match("World") + " ”) // null

replace()
- var str="Hello World!"
  document.write(str.replace(/Hello/,"你好"))

txt.toUpperCase()转为大写

JS Date对象

Date()
- 返回当前日期
- document.write(Date())
  Wed Aug 17 2016 14:43:23 GMT+0800 (CST)

getTime()
- 返回从1970.1.1至今的毫秒数

setFullYear()
- 设置具体的日期
- var d = new Date()
  d.setFullYear(1992,10,3) // 表示月份的参数介于 0 到 11 之间。也就是说，如果希望把月设置为 8 月，则参数应该是 7。
  document.write(d)
  Tue Nov 03 1992 14:40:27 GMT+0800 (CST)

toUTString()
- 将当日的日期（根据UTC）转为字符串。
- var d = new Date()
  document.write (d.toUTCString())
  Wed, 17 Aug 2016 06:42:51 GMT

getDay()
- 返回星期几的Number
- var d=new Date()
  var weekday=new Array(7)
  weekday[0]="星期日"
  weekday[1]="星期一"
  weekday[2]="星期二"
  weekday[3]="星期三"
  weekday[4]="星期四"
  weekday[5]="星期五"
  weekday[6]="星期六"
  document.write("今天是" + weekday[d.getDay()])
  今天是星期三

显示一个时钟

<html>

<head>

<script type="text/javascript">

function startTime() {

    var today=new Date()

    var h=today.getHours()

    var m=today.getMinutes()

    var s=today.getSeconds()

    // add a zero in front of numbers<10

    m=checkTime(m)

    s=checkTime(s)

    document.getElementById('txt').innerHTML=h+":"+m+":"+s

    t=setTimeout('startTime()',500)

}

function checkTime(i) {

    if (i<10) {

        i="0" + i

    }

    return i

}

</script>

</head>

<body onload="startTime()">

<div id="txt"></div>

</body>

</html>

将日期对象设置为 5 天后的日期：
- var myDate=new Date()
  myDate.setDate(myDate.getDate()+5)
  注意：如果增加天数会改变月份或者年份，那么日期对象会自动完成这种转换。

比较日期

var myDate=new Date();

myDate.setFullYear(2008,8,9);

var today = new Date();

if (myDate > today) {

    alert("Today is before 9th August 2008");

} else {

    alert("Today is after 9th August 2008");

}

JS 数组对象

数组中可以放任意类型的数据
写法一：
- var cars = new Array();
- cars[0] = "Audi";
  cars[1] = "BMW";

写法二：
- var newArr = [10, -5, age, name, result, score, ['哈哈哈', 'dewdew']];

写法三：
- var names = new Array("jack", "rose", "dd");

也可以使用一个整数自变量来控制数组的容量
- var arr = new Array(3)
  arr[0] = "111"
  arr[1] = "222"
  arr[2] = "333"

输出数组中的内容，遍历有两种方式
- for
- for in

删除最后一个元素,添加一个新的元素到数组中 pop()和push()
- newArr.pop(); //删除数组中最后的元素
- newArr.push([‘添加一个新的元素']);

concat()合并两个数组
- var arr = new Array(3)
  arr[0] = "111"
  arr[1] = "222"
  arr[2] = "333"
  
  var arr2 = new Array(3)
  arr2[0] = "444"
  arr2[1] = "555"
  arr2[2] = "666"
  
  document.write(arr.concat(arr2))
  111,222,333,444,555,666

join（）将数组的所有严肃组成一个字符串
- var arr = new Array(3);
 arr[0] = "AAA"
 arr[1] = "BBB"
 arr[2] = "CCC"
 
 document.write(arr.join()); // 默认以“ ，”分割
 document.write(" ");
 document.write(arr.join("."));
 AAA,BBB,CCC
 AAA.BBB.CCC

sort（）
- 从字面上对数组进行排序
 - var arr = new Array(6)
 arr[0] = "ABB"
 arr[1] = "AAA"
 arr[2] = "DDE"
 arr[3] = "CCCC"
 arr[4] = "C"
 arr[5] = "B"
 
 document.write(arr + " ")
 document.write(arr.sort())
 ABB,AAA,DDE,CCCC,C,B
 AAA,ABB,B,C,CCCC,DDE

- 从数值上对数组进行排序
 - function sortNumber(a, b) {
 return a - b
 }
 
 var arr = new Array(6)
 arr[0] = "10"
 arr[1] = "5"
 arr[2] = "40"
 arr[3] = "25"
 arr[4] = "1000"
 arr[5] = "1"
 
 document.write(arr + " ")
 document.write(arr.sort(sortNumber))
 10,5,40,25,1000,1
 1,5,10,25,40,1000

JS Boolean（逻辑）对象

我们将Boolean对象理解为一个产生逻辑值得对象包装器。将非逻辑值转换为逻辑值
true / false
0、空字符串、null、NaN、-0、undefined 为false
1、’false’(这是一个字符串)为true

JS Math(算数)对象

Math对象的作用是：执行普通的算数任务
round（）
- 四舍五入转换为整数
- document.write(Math.round(0.50) + " ”) // 1
 document.write(Math.round(0.49) + " ”) // 0
 document.write(Math.round(-4.40) + " ”) // -4
 document.write(Math.round(-4.60)) // -5

random（）
- 返回 0 - 1 之间的随机数

max（）/ min（）
- 返回两个给定的数中的较大/小的数。（ECMASCript v3之前，该方法只有两个参数）
- document.write(Math.max(7.25, -4, 7.30)) // 7.3

使用 floor() 和 random() 返回0-11之间的随机数
- floor() 对数进行下舍入
- document.write(Math.floor(Math.random()*11))

JS RegExp对象

RegEx是正则表达式的缩写。
当检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp就是这种模式。
简单的模式可以是一个独立的字符，负责的模式可以包括了很多的字符，并可用于解析、格式检查、替换等。可以规定字符串中的检索位置，以及要检索的字符类型。
定义RegExp对象
- RegExp对象用于存储检索模式。
- var patt1 = new RegExp(“e”); // 模式为 e

RegEx对象有三个方法：test()、exec()、compile（）

test()
- 检索字符串中的指定值，返回true或false
- var patt1=new RegExp("e");
  document.write(patt1.test("The best things in life are free")); // 该字符串存在 e 所以返回true

exec()
- 检索字符串中的指定值，返回值是被找到的值。如果没有发现匹配，则返回null.
- var patt1=new RegExp(“ee");
  document.write(patt1.test("The best things in life are free")); // ee

向RegExp对象中添加第二个参数，以设定检索。
- 例如，如果需要找到所有某个字符的所有存在，则可以使用“g”参数（“global”）
- 参数手册：http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp
- 使用“g”参数时，工作原理：
  - 找到第一个“e”，并存储其位置
  - 如果再次运行exec（），则从存储的位置开始检索，并找到下一个“e”，并存储其位置
  - var patt1=new RegExp("e","g");
    do {
    result=patt1.exec("The best things in life are free");
    document.write(result);
    }
    while (result!=null)
    eeeeeenull

compile（）
- 既可以改变检索模式，也可以添加或删除第二个参数
- var patt1=new RegExp("e");
  document.write(patt1.test("The best things in life are free")); // true
  patt1.compile("d");
  document.write(patt1.test("The best things in life are free")); // false 字符串中存在 e 而没有 d

对象调用方法

function temp(){

    console.log('跑起来');

}

var dog = {

    age : 5,

    run : temp,

    // 一般都是把函数封装到对象的里面

    run2 : function () {

        console.log(this.age + '岁的狗跑起来');  //this == self

    }

};

dog.run();   // JS里的对象是这样调用方法的      跑起来

dog.run2();  //  5岁的狗跑起来

dog.age = 100;    //age变为100

dog.run = function () {

    console.log(this.age + '岁的狗叫了');

};

dog.run(); //  100岁的狗叫了

var dog2 = {

    age : 1

};

dog2.run = dog.run;

dog2.run();  //1岁的狗叫了

JS 学习（四）对象的更多相关文章

js 学习四对象应用吃货游戏
游戏来源于 Mdn学习网站: 该例子用于对象的理解非常有效(建议看完上面网站的内容在开始练习) 弹球 body { margin: 0; overflow: hidden; font-family: ...
js学习日记-对象字面量
一.对象字面量语法 var person={ name:'小王', age:18, _pri:233 } 成员名称的单引号不是必须的最后一个成员结尾不要用逗号,不然在某些浏览器中会抛出错误成员名相 ...
JS学习四（BOM DOM）
BOM Screen对象 console.log(window.width);//屏幕宽度 console.log(window.height);//屏幕高度 conso ...
js学习--浏览器对象计时器setInterval()与setTimeout()的使用与区别
一.setInterval()与setTimeout()的定义: 二.setInterval()与setTimeout()的使用: 1.setInterval()与clearInterval() ...
Hibernate基础学习(四)—对象-关系映射(上)
一.映射对象标识符 Java语言按内存地址来识别或区分同一个类的不同对象,而关系数据库按主键值来识别或区分同一个表的不同记录.Hibernate使用对象标识符(OID)来建立内存中的对象和数 ...
spring学习四对象的创建
spring中,有三种创建对象的方式 (1)构造创建 (2)实例工厂构造 (3)静态工厂构造一构造器创建在构造器创建对象时,有无参构造和有参构造两种 (1)在spring中,默认的是无参构造 ...
Node.js学习笔记（四）: 全局对象
在浏览器 JavaScript 中,通常 window 是全局对象, 而 Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global 对象的属性. 这 ...
web前端学习（四）JavaScript学习笔记部分（6）-- js内置对象
1.JS内置对象-什么是对象 1.1.什么是对象: JavaScript中的所有事物都是对象:字符串.数值.数组.函数每个对象带有属性和方法 JavaScript允许自定义对象 1.2.自定义对象: ...
JavaScript学习12 JS中定义对象的几种方式
JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...

随机推荐

模仿console自写函数打印js的对象
本以为写个递归函数就可以将js的对象打印出来. 当然第一个想到的估计是JSON.stringify() 这个函数.但这个函数打印到浏览器显示效果不友好.最友好的显示肯定是控制台打印咯. 结果尝试打 ...
Tomcat编码配置解疑
环境:tomcat6.0.23 jdk 1.6 相关参考: http://tomcat.apache.org/tomcat-7.0-doc/config/ajp.html http://wiki.ap ...
Python 之简易单链表
单链表的基本要素有 2 个,数据项和连接项.这两项在 Python 中可以通过对象及其属性来实现. class Node: def __init__ (self, data): self.data = ...
C# 导入Excel到DataSet中
class Import { /// <summary> /// 导入Excel到DataSet中 /// </summary> /// <param name=&quo ...
git常见命令
总结自己的Git常用命令使用git也有一段时间了,把自己常用的命令用自己的描述记录起来,方便自己备忘也方便其他人参考. 目录: 最基本的命令: git clone 拷贝并跟踪远程的master分支. ...
Linux----LVM扩容磁盘空间
Linux系统LVM扩容一个分区相对于Windows来说没有那么直观,但是熟悉命令后,扩容起来也是蛮方便的. 扩容场景如下: [root@rhel06 ~]# df -Th Filesystem Ty ...
在CentOS上安装并运行SparkR
环境配置—— 操作系统:CentOS 6.5 JDK版本:1.7.0_67 Hadoop集群版本:CDH 5.3.0 安装过程—— 1.安装R yum install -y R 2.安装curl-de ...
http请求相关
1.POST方式向服务器发送AJAX请求时设置请求头 application/x-www-form-urlencoded 2.表单上传文件时设置请求头 multipart/form-d ...
Visual Studio Team System 2008 Team Suite（90 天试用版）
安装完成后,在“控制面板”中启动“添加删除程序”,选中Vs2008,点击“更改.删除”,输入序列号:PYHYP-WXB3B-B2CCM-V9DX9-VDY8T
LeetCode "468. Validate IP Address"
it is all about corner-cases... class Solution(object): def validIP4(self, IP): def validNum4(s): tr ...

JS 学习（四）对象

JS 学习（四）对象的更多相关文章

随机推荐

热门专题