未加星标

JavaScript基础知识(3) JavaScript基础知识 JavaScript知识

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二04 | 时间 2017 | 作者 红领巾 ] 0人收藏点击收藏

在这篇博客中,我们将介绍javascript的函数、JavaScript的数组、JavaScript的自定义对象以及JavaScript的Date和Math对象。

JavaScript的函数

函数又称为方法,它用于完成特定功能

函数的定义

function 函数名(参数){
方法体
}

函数的调用

函数名(参数)

请看如下示例:


结果为:

最大值为:9527

JavaScript的数组

JavaScript的Array可以包含任意数据类型,并通过索引来访问每个元素;并可通过length属性取得Array的长度

定义数组

我们可以通过创建对象的方式创建对象,例如:

var arr=new Array();

在该方式下可通过数组的下标给数组中的元素赋值:

<script type="text/javascript">
var arr=new Array();
arr[0]="谷哥的小弟";
arr[1]="有心课堂";
arr[2]=9527;
for(var i=0;i");
}
</script>

除此以外,我们还可采用如下方式定义和初始化数组:

var arr=[1,”hello”,true,9527];
数组的合并
可利用arrA.concat(arrB)将两个数组合并形成一个新的数组,请看如下示例:
<script type="text/javascript">
var arr1=["谷哥的小弟","18岁",9527];
var arr2=["有心课堂","棒棒的",3.14];
var arr3=arr1.concat(arr2);
for(var i=0;i");
}
</script>

结果为:

arr3[0]=谷哥的小弟
arr3[1]=18岁
arr3[2]=9527
arr3[3]=有心课堂
arr3[4]=棒棒的
arr3[5]=3.14
数组元素组成字符串
可利用array.join(separator)将字符串中的元素组成一个字符串,请看如下示例:
<script type="text/javascript">
var arr=["苍井空空","武藤兰姐姐","大泽玛利亚"];
var str=arr.join("~~~~~");
document.write(str);
</script>

结果为:

苍井空空~武藤兰姐姐~大泽玛利亚

当然,这个separator可以根据需求而设定。

JavaScript的自定义对象

JavaScript中所有事物都是对象:字符串、数字、数组、日期,等等;这些对象拥有属性(属性可视为若干键值对组成的无序的集合数据)和方法。

嗯哼,我们来一起瞅瞅自定义对象的三种创建方式

第一种方式:

<script type="text/javascript">
var cheer = {
name:"陈绮贞",
birth:1975,
gender:"女",
height:168
};
document.write("name="+cheer.name+",height="+cheer.height);
</script>

结果为:

name=陈绮贞,height=168

第二种方式:

<script type="text/javascript">
var person=new Object();
person.name="波少野结衣";
person.country="岛国";
person.age=20;
document.write("person.name="+person.name+"
");
document.write("person.country="+person.country+"
");
document.write("person.age="+person.age+"
");
</script>

结果为:

person.name=波少野结衣
person.country=岛国
person.age=20

第三种方式:

<script type="text/javascript">
function Person(name,country,age){
this.name=name;
this.country=country;
this.age=age;
this.setName=setName;
function setName(newName){
this.name=newName;
}
}
var girl=new Person("小泽苍井空","东瀛",25);
document.write("原来的名字:"+girl.name+"
");
girl.setName("佐佐木希小泽");
document.write("改后的名字:"+girl.name+"
");
</script>

结果为:

原来的名字:小泽苍井空
改后的名字:佐佐木希小泽

关于这段代码解析如下:

在该段代码中为Person定义了属性,请参见代码第3—5行 在该段代码中为Person声明了方法setName( ),请参见代码第6行 在该段代码中实现了方法setName( ),请参见代码第7—9行
JavaScript的Date对象

Date对象用于处理日期和时间。

请看如下示例:

<script type="text/javascript">
var date=new Date();
document.write("Date()="+Date()+"
");
document.write("getFullYear()="+date.getFullYear()+"
");
document.write("getMonth()="+date.getMonth()+"
");
document.write("getDate()="+date.getDate()+"
");
document.write("getHours()="+date.getHours()+"
");
document.write("getMinutes()="+date.getMinutes()+"
");
document.write("getSeconds()="+date.getSeconds()+"
");
</script>

结果如下所示:

Date()=Fri Jan 27 2017 13:55:21 GMT+0800 (中国标准时间)
getFullYear()=2017
getMonth()=0
getDate()=27
getHours()=13
getMinutes()=55
getSeconds()=21

在这段代码中:

利用Date()返回当前的日期和时间 利用getFullYear()返回Date对象的年份 利用getMonth()返回Date对象的月份 利用getDate()返回Date对象的天 利用getHours()返回Date对象的小时 利用getMinutes()返回Date对象的分钟 利用getSeconds()返回Date对象的秒数
JavaScript的Math对象

Math对象用于执行常见的算数任务。

请看如下示例:

<script type="text/javascript">
var num1=3.14;
var num2=9.527;
var num3=Math.max(88,99);
var num4=Math.random();
var num5=Math.pow(3,4);
var num6=Math.round(65.23);
document.write("Math.ceil("+num1+")="+Math.ceil(num1)+"
");
document.write("Math.floor("+num2+")="+Math.floor(num2)+"
");
document.write("Math.max(88,99)="+Math.floor(num3)+"
");
document.write("Math.random()="+num4+"
");
document.write("Math.round(62.73)="+num6+"
");
</script>

结果如下所示:

Math.ceil(3.14)=4
Math.floor(9.527)=9
Math.max(88,99)=99
Math.random()=0.13364018336869776
Math.round(62.73)=65

在这段代码中:

利用Math.ceil( )对数进行向上舍入 利用Math.floor( )对数进行向下舍入 利用Math.max( )取得两个数中的较大值 利用Math.random( )取得随机数 利用Math.round( )对数进行四舍五入得到整数

至此,关于JavaScript的函数、JavaScript的数组、JavaScript的对象就已经介绍完了。

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: JavaScriptJava数据GM需求博客
分页:12
转载请注明
本文标题:JavaScript基础知识(3) JavaScript基础知识 JavaScript知识
本站链接:http://www.codesec.net/view/530853.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(17)