JavaScript函数与对象基础详解:声明、内置对象及数组操作

作者:拾光时间:2026-10-23 06:00:00浏览:367

本文详细介绍JavaScript中函数的三种声明方式及调用方法,并深入解析日期、数学、字符串、Global及数组等内置对象。重点讲解数组的三种创建方式、扩容与缩小操作,以及Push、Pop、Shift、Unshift和Splice等常用数组方法的实际用法与参数说明。

JavaScript函数声明与调用

在JavaScript中,函数的定义与调用是核心基础概念之一。

JavaScript提供了多种函数声明的方式,开发者可根据具体场景选择合适的方法。

第一种方式采用传统的函数声明语法,格式为function 函数名(){ 函数体 }。这种方式定义的函数会在代码执行前提前加载,允许在声明之前调用。

JavaScript函数声明与调用

第二种方式属于函数表达式,语法为var 函数名=function(){ 函数体 }。这种写法将函数赋值给变量,函数的提升行为仅限于变量名,函数体不会提前加载。

第三种方式利用Function构造函数,语法为var 函数名=new Function(“函数体”)。这种方式较为少见,通常用于动态生成函数的场景,且性能相对较差。

JavaScript函数声明与调用

无论采用哪种声明方式,函数的执行都遵循统一的调用规则。

调用函数时,只需使用函数名后跟括号即可,即函数名();。若函数带有参数,需在括号内传入相应的实参。

JavaScript函数声明与调用

除了函数,JavaScript中还提供了丰富的内置对象,用于处理各种常见任务。

这些内置对象类似于Java中的系统预设类,提供了现成的属性和方法,无需开发者手动实现底层逻辑。

JavaScript内置对象详解

日期对象(Date)是处理时间信息的重要工具,可用于获取当前时间、格式化输出等。

通过Date对象,开发者可以获取年、月、日、星期、小时、分钟、秒等详细信息,并进行时间计算。

数学对象(Math)提供了大量的数学运算方法,如随机数生成、取整、绝对值等。


function testDate(){
				var date=new Date();
				
				//本月中的第几天
				document.write(date.getDate()+"<br />");
				//本星期的第几天
				document.write(date.getDay()+"<br />");
				//返回的月份 0-11 
				document.write(date.getMonth()+"<br />");
				//返回的是1900年到现在年份的差值2018-1900
				document.write(date.getYear()+"<br />");
				//返回全年2019
				document.write(date.getFullYear()+"<br />");
				//2019年3月27日 下午5:35:02:返回本地的时间
				document.write(date.toLocaleString()+"<br />");
			}
			testDate();

Math对象的方法均为静态方法,无需实例化即可直接调用,常用于数值计算和验证码生成等场景。


function testMath(){
				//获得随机数
				//随机数范围是0-1
				 var ran=Math.random()*1000;
				 console.log(ran);
				//向下取整 756.9714434215177 ==756
				 console.log(Math.floor(ran));
				//向上取整 398.06376470341377==398
				 console.log(Math.ceil(ran));
				//获得4位随机数--验证码
				 console.log(Math.floor(Math.random()*9000+1000) );
			}
			testMath();

字符串对象(String)用于处理文本数据,提供了查找、替换、截取、转换大小写等丰富方法。

JavaScript函数声明与调用

Global对象是JavaScript的全局对象,包含一些全局属性和方法,如encodeURI、eval等,但现代开发中较少直接使用。

JavaScript函数声明与调用

数组操作与常用方法

数组对象(Array)是处理有序数据集合的核心工具,支持多种声明方式,包括new Array()、new Array(长度)以及字面量方式。


//方式一
 var arr=new Array();
 //方式二 5代表数组的长度
 var arr2=new Array(5);
 //方式三
 var arr3=new Array("你好",123,new String(),true);

数组扩容是指向数组末尾添加新元素,通常使用push方法实现,该方法会返回新数组的长度。

JavaScript函数声明与调用

数组缩小是指从数组中移除元素,常见方法包括pop(移除最后一个)和shift(移除第一个),分别返回被移除的元素。

JavaScript函数声明与调用

数组遍历是处理数组数据的常见操作,JavaScript支持for循环和for...in循环两种主要方式。


function demo4(){
				
				var arr=["bjsxt",123,new Date(),false];		 
				//数组的遍历方式一
				for(var i =0;i<arr.length;i++){				
					console.log(arr[i]);
				}
				
				//数组遍历方式二 i :是代表数组的下标
				for(var i in arr ){		
					console.log(arr[i]);
				}		
			}
			demo4();

数组提供了多种常用方法,包括Push、Pop、Shift、Unshift和Splice,用于灵活操作数组内容。

Push方法向数组末尾添加一个或多个元素,并返回新数组长度;Pop方法删除并返回最后一个元素;Shift方法删除并返回第一个元素;Unshift方法向数组开头添加元素并返回新长度;Splice方法用于删除或替换元素,参数包括开始下标、删除个数及可选的新增元素。


function demo5(){
				var arr=["bjsxt",123,new Date(),false];
				console.log(arr);
				//var le= arr.push("我们");
				// var le= arr.pop();
				//arr.shift();
				//arr.unshift("sxt");
				//arr.splice(1,2);
				//添加的含义 添加的下标 0:删除元素的个数  添加的元素
				arr.splice(1,0,"你好");
				console.log(arr);
			}
			demo5();

以上介绍了JavaScript中函数与对象的核心知识,包括函数声明、内置对象用法及数组操作方法。掌握这些基础内容,有助于更高效地进行前端开发。如有疑问,欢迎交流探讨。

作者最新文章