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向后台请求数据,后台给前端返回数据,明明后端脚 ...
随机推荐
- CentOS6.3 编译安装LAMP(2):编译安装 Apache2.2.25
所需源码包: /usr/local/src/Apache-2.2.25/httpd-2.2.25.tar.gz 编译安装 Apache2.2.25 #切换到源码目录 cd /usr/local/src ...
- jquery和dom之间的转换
刚开始学习jquery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换. 什么是jQuery对 ...
- DAY6 处理http头,格式化输出
<html> <head> <script> function insertStr(str1,n,str2){ if(str1.length<n){ retu ...
- WPF 线程 Dispatcher
WPF 应用程序从两个线程开始: 一个用于处理呈现 一个用于管理 UI 呈现线程有效地隐藏在后台运行,而UI线程则接收输入.处理事件.绘制屏幕以及运行应用程序代码. 大多数应用程序都使用一个 UI 线 ...
- 【转】Android Studio系列教程六--Gradle多渠道打包
原文链接:http://stormzhang.com/devtools/2015/01/15/android-studio-tutorial6/ 由于国内Android市场众多渠道,为了统计每个渠道的 ...
- tp5 中 model 的新增方法
//默认主键为自动识别,如果需要指定,可以设置属性: namespace app\index\model; use think\Model; class User extends Model { pr ...
- CoreAnimation 之CAReplicatorLayer
CAReplicatorLayer: 主要作用有以下两个: CAReplicatorLayer的目的是为了高效生成许多相似的图层,它会绘制一个或多个图层的子图层 并在每个复制体上应用不同的变换 使用C ...
- javascript推荐书籍
本文转载自http://www.cnblogs.com/zfc2201/archive/2012/07/22/2604236.html感谢作者 WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没 ...
- C#设计模式之抽象工厂
抽象工厂模式:提供一个创建一系列相关或相互依赖对象的接口,而无须指定它们具体的类. 抽象工厂模式中的具体工厂不只是创建一种产品,它负责创建一族产品 当一个工厂等级结构可以创建出分属于不同产品等级结构的 ...
- Java小知识--length,length(),size()方法详细介绍
Java中length,length(),size()区别 length属性:用于获取数组长度. eg: int ar[] = new int{1,2,3} /** * 数组用length属性取得长度 ...