Javascript初学篇章_5(对象)
对象
Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行
javascript程序设计对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。
举个例子,一只猫是个对象,它有属性颜色、身高之类,而它的方法就有抓老鼠。
本地对象
1.Date 日期对象用来处理日期和时间。
在《Javascript初学篇章_1》中就有提到过
var myDate = new Date();
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString(); //获取日期与时间
例
//在页面输入本地时间
function time() {
var today = new Date();
var week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
var myDate = today.getHours() + "年" + today.getMonth() + "月" + today.getDate() + "日 "+ today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds() + " " + week[today.getDay()];
document.write( myDate );
}
2.Math 对象
Math 对象用来处理复杂的数学运算。
Math对象是javascript的一个全局对象,不需要用new 创建
Math.abs(-2);// 该方法可返回一个数的绝对值。 Math.round(5.5); // 该方法可把一个数字舍入为最接近的整数。 Math.random(); // 该方法可返回介于 0(包含) ~ 1(不包含) 之间的一个随机数。 Math.ceil(1.4); // ceil() 方法返回大于等于x的最小整数。(取大整),即向上取整 Math.floor(1.6); // floor() 方法返回小于等于x的最大整数。(取小整),即向下取整 Math.pow(4,3); // pow() 方法返回 x 的 y 次幂。 (4的3次方)
例
//当Math.random()获得的随机数为1时,获得特等奖
function reward(){
var i=1;
if(i==Math.floor(Math.random()*10)){
alert("恭喜特等奖!");
}
else{
alert("谢谢参与。");
}
}
3.Array 数组对象
定义数组的 3种方式
var week = new Array();
var week = new Array(‘星期一’ , ‘星期二, ‘星期三’);
var week = (‘星期一’ , ‘星期二, ‘星期三’);
常用方法:
获取数组的长度 .length:
alert(week.length);
获取数组下标所对应的值:
alert(week[0]);
例
//调用函数后会用for循环弹出星期一到星期天,但不弹出今天的值
function alertWeek(){
var today=new Date();
var week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
for(var i=0;i<week.length;i++){
//getDay获取本机星期,当条件成立时,跳过本次循环
if(i==today.getDay()){
continue;
}
alert(week[i]);
}
}
数组元素添加:
将一个或多个新元素添加到数组结尾,并返回数组新长度
var week_len = week.push(‘星期四’,‘星期五’);
将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
var week_len = week.unshift(‘星期日’);
将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。
arr3.splice(0,0,“abc”);
document.write(arr3[0]);
数组元素删除:
var del = ["aa",23,345,56,34,"bb"];
var del_last = del.pop(); //移除最后一个元素并返回该元素值
var del_first = del.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
var del_arr = del.splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素
document.write(del_arr);
4. String 对象
String 对象用来处理文本。
事实上任何一个字符串常量都是一个String对象,可以将其直接作为对象来使用。
获得字符串长度:
1.length属性
var str = “hello”;
var str2 = “你好”;
alert(str.length); //输出 5
alert(str2.length); //输出 2
提取字符串:
1.charAt()方法
var str = "HELLO WORLD";
var n = str.charAt(2); //返回指定位置的字符。
2.substr()方法、substring()方法
function hidden(){
var title="1234567890abcdefghij12345";
alert(title.substr(0,10)+"……");//输出1234567890
alert(title.substring(10,20)+"……");//输出abcdefghij
}
查找替换字符串:
1. indexOf()和lastIndex()方法
var str="Hello world, welcome to the universe.";
alert(str.indexOf(“welcome”);//可返回某个指定的字符串值在字符串中首次出现的位置。
alert(str.lastIndexOf(‘e’)); //查找字符最后一次出现的位置
2. replace()方法
var str="Visit Microsoft!";
var n=str.replace("Microsoft","W3CSchool");
//用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
3. search()方法
var str="Visit W3CSchool!";
var n=str.search(“W3CSchool”);
//查找指定的字符串或与正则表达式相匹配的子字符串
拼接字符:
1.concat
var str1 = "Hello ";
var str2 = "world!";
var n = str1.concat(str2); //concat() 方法用于连接两个或多个字符串。
2.字符串拼接符
var str1 = str1 + str2; //+号判断左右两边,如果有一边是字符串,则该+号为拼接作用
其他方法:
1.toLowerCase() 方法
var str="Hello World!”;
document.write(str.toLowerCase());//用于把字符串转换为小写
2.toUpperCase() 方法
var str="Hello world!";
document.write(str.toUpperCase());//用于把字符串转换为大写。
Javascript初学篇章_5(对象)的更多相关文章
- Javascript初学篇章_1(概念/数据类型)
Javascript是一门脚本语言,主要由浏览器来执行.它可以说是页面的灵魂,让页面活过来.与之前学的HTML5+CSS样式的不同之处就在于,JS能让静态网页成为一个动态网页,实现与用户的互动. Ja ...
- Javascript初学篇章_8(事件)
事件 HTML 事件是发生在 HTML 元素上的事情.例如用户点击按钮时,点击也是一个事件.事件可以用于处理表单验证,用户输入,用户行为及浏览器动作,如: 页面加载时触发事件 页面关闭时触发事件 用户 ...
- Javascript初学篇章_7(DOM)
DOM 文档对象模型DOM (document object model) 文档对象模型,它定义了操作文档对象的接口.DOM 把一份html文档表示为一棵家谱树,使用parent(父), child( ...
- Javascript初学篇章_6(BOM)
BOM 浏览器对象模型 BOM (浏览器对象模型),它提供了与浏览器窗口进行交互的对象 一.window对象 Window对 象表示整个浏览器窗口. 1.系统消息框 alert() alert('he ...
- Javascript初学篇章_4(循环与函数)
七.循环语句 1.While 语法: while (exp){ //statements; } 说明: while (变量<=结束值){ 需执行的代码 } 例: var i=0; while(i ...
- Javascript初学篇章_3(注释/if/switch)
五.javascript的注释 // 单行注释 /* …*/ 多行注释 注:多行注释不能互相嵌套 六.程序流程控制 一.条件语句 if 语法: if(condition) statements1 el ...
- CSS3初学篇章_5(背景样式/列表样式/过渡动画)
背景样式 1.背景颜色语法:background-color : transparent | color body { background-color:#CCCCCC;} 2.渐变色彩语法:back ...
- Javascript初学篇章_2(数据类型的查看和转换/运算符)
三.数据类型的查看和转换 1.查看数据类型 typeof 说明:typeo可以查看变量的类型. 语法:alert(typeof 变量名或数据): 2.转换成字符串 var married = fal ...
- javascript json字符串与对象相互转换
在实际项目中,经常遇到字符格式的问题,记下来以便日后方便查看.用到两个函数:JSON.stringify() 和 JSON.parse(). 使用ajax向后台请求数据,后台给前端返回数据,明明后端脚 ...
随机推荐
- python基础知识(二)
以下内容,作为python基础知识的补充,主要涉及基础数据类型的创建及特性,以及新数据类型Bytes类型的引入介绍
- Coursera-Getting and Cleaning Data-Week2-课程笔记
Coursera-Getting and Cleaning Data-Week2 Saturday, January 17, 2015 课程概述 week2主要是介绍从各个来源读取数据.包括MySql ...
- Codeforces Round #262 (Div. 2) 1003
Codeforces Round #262 (Div. 2) 1003 C. Present time limit per test 2 seconds memory limit per test 2 ...
- PHP判断文件夹是否存在和创建文件夹的方法(递归创建多级目录)
在开始之前,我先说明一下,可能许多朋友与我一样认为只要给一个路径,mkdir就可以创建文件夹,其实不是那样,单个的MKDIR只能创建一级目录,对于多级的就不行了,那如何用mkdir来创建呢?先我抄一段 ...
- cvCreateCameraCapture
编辑 本词条缺少信息栏.名片图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! cvCreateCameraCapture,初始化从摄像头中获取视频,专业名词. 初始化从摄像头中获取视频 ...
- PHP 图片处理工具类(添加水印与生成缩略图)
=================ImageTool.class.php================= <?php class ImageTool { private $imagePath; ...
- SpringMVC@RequestBody小细节
关于@RequestBody 参数类型自己的包装类,还是类似String/int,区别: 1.@RequestBody LoginParmar parmar String user_number = ...
- Gossip算法
Gossip算法因为Cassandra而名声大噪,Gossip看似简单,但要真正弄清楚其本质远没看起来那么容易.为了寻求Gossip的本质,下面的内容主要参考Gossip的原始论文:<<E ...
- 51. N-Queens
题目: The n-queens puzzle is the problem of placing n queens on an n×n chessboard such that no two que ...
- java 项目中几种O实体类的概念
经常会接触到vo,do,dto的概念,本文从领域建模中的实体划分和项目中的实际应用情况两个角度,对这几个概念进行简析. 得出的主要结论是:在项目应用中,vo对应于页面上需要显示的数据(表单),do对应 ...