JS数组、函数的定义和调用

最新推荐文章于 2022-09-12 21:01:34 发布
最新推荐文章于 2022-09-12 21:01:34 发布
阅读量1k 收藏
点赞数 1
分类专栏： 前端入门 文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51258512/article/details/122868273
版权
  • 数组
    • 数组的定义
      • 隐式定义
      • 直接实例化
      • 定义数组并设置长度
    • 数组操作
      • 获取数组指定下标的值：（如果下标不存在，则undefined）
      • 设置数组指定下标的值：（如果下标不存在，则自动扩容）
      • 获取数组的长度
      • 设置数组的长度
<body>
		<!--  
			数组
				数组的定义
					1.隐式定义
						var 数组名 = []; //空数组
						var 数组名 = [值1,值2,值3...];
					2.直接实例化
						var 数组名 = new Array(值1,值2,值3...);
					3.定义数组并设置长度
						var 数组名 = new Array(size);
				数组的操作
					数组的下标从0开始
					获取数组指定下标的值：（如果下标不存在，则undefined）
						数组[下标]
					设置数组指定下标的值：（如果下标不存在，则自动扩容）
						数组名[] = 值
					获取数组的长度
						数组名.length
					设置数组的长度
						数组名。length = 值
						
		-->
		<script type="text/javascript">
			/* 数组的定义 */
			//隐式定义
			var arr1 = [];
			console.log(arr1);
			var arr2 = [1,2,'a',true];
			console.log(arr2);
			
			//直接实例化
			var arr3 = new Array(1,2,3);
			console.log(arr3);
			
			//定义数组并设置长度
			var arr4 = new Array(5);
			console.log(arr4);
			
			//定义数组并设置长度
			var arr4 = new Array(5);
			console.log(arr4);
			
			console.log("***********************");
			/* 数组操作 */
			//获取指定下标的值
			console.log(arr2[1]); 	//2
			//如果下标不存在
			console.log(arr2[10]); 	//undefined
			//设定下标的值
			arr2[1] = 20;
			console.log(arr2)
			//获取数组的长度
			console.log(arr3.length); //3
			//设置数组的长度
			arr3.length = 5;
			console.log(arr3);
			//设置数组的属性
			arr3.name = "zhangsan";
			console.log(arr3);
			arr3["pwd"] = "123456";
			console.log(arr3);
			//获取数组的属性
			console.log(arr3["name"]);
			
			console.log("***********************")
			/* 数组的遍历 */
			console.log(arr3);
			console.log("----for循环遍历----");
			// for循环遍历
			for(var i = 0; i < arr3.length; i++){
				console.log("下标："+ i + ",值" + arr3[i]);
			}
			//for...in
			console.log("----for...in-----");
			for (var i in arr3) {
				console.log("下标："+ i + ",值" + arr3[i]);
			}
			//forEach
			console.log("----forEach------");
			arr3.forEach(function(element, index){
				console.log("下标："+ i + ",值" + arr3[i]);
			})				 
							 
			
		</script>
	</body>
  • 函数
    • 函数的定义
      • 函数声明语句
      • 函数定义表达式
      • Function构造函数
    • 函数的参数
      • 定义函数时设置形参,调用函数时传递实参
      • 实参可以省略,则形参为undefined
      • 如果形参名相同,则以最后一个为准
      • 可以设置参数的默认值
      • 参数为值传递,传递副本;参数是引用传递,则传递的是地址,操作的是同一个对象
    • 函数的调用
      • 常用调用模式
      • 函数调用模式（函数有返回值）
      • 方法调用模式
    • 函数的返回值
      • 在没有返回值的方法中,用来结束方法(如果方法没有设置返回值,使用return,返回的是undefined)
      • 有返回值的方法中,一个是用来结束方法,一个是将值带给调用者
    • 函数的作用域
      • 在JS中,只有在函数中才有作用域.
      • 在函数中,存在局部变量和全局变量
      • 在函数中,如果声明变量时未使用var修饰符,则该变量是全局变量
<body>
		<!-- 
			函数的定义
				1.函数声明语句
					function 函数名([参数列表]){
						
					}
				2.函数定义表达式
					var 变量名/函数名 = function([参数列表]){
						
					}
				3.Function构造函数
					var 函数名 = new Function([参数列表],...,'函数体');
			函数的参数
				定义函数时设置形参,调用函数时传递实参
				1.实参可以省略,则形参为undefined
				2.如果形参名相同,则以最后一个为准
				3.可以设置参数的默认值
				4.参数为值传递,传递副本;参数是引用传递,则传递的是地址,操作的是同一个对象
			
			函数的调用
				1.常用调用模式
					函数名([参数列表]);
				2.函数调用模式（函数有返回值）
					var 变量名 = 函数名([参数列表]);
				3.方法调用模式
					对象	.函数名([参数列表]);
					
			函数的返回值
				return
					1.在没有返回值的方法中,用来结束方法(如果方法没有设置返回值,使用return,返回的是undefined)
					2.有返回值的方法中,一个是用来结束方法,一个是将值带给调用者
					
			函数的作用域
				在JS中,只有在函数中才有作用域.
				1.在函数中,存在局部变量和全局变量
				2.在函数中,如果声明变量时未使用var修饰符,则该变量是全局变量
		 -->
		 <script type="text/javascript">
		 	// 函数的定义
			//1.函数声明语句
			function fn01(a,b){
				console.log(a+b);
			}
			console.log(fn01(1,2));
	
			//2.函数定义表达式
			var fn02 = function(a,b){
				console.log(a+b);
			}
			console.log(fn02(1,3));
			
			//3.Function构造函数
			var fn03 = new Function('a','b','return a+b;');
			console.log(fn03(1,4));
			
			//相当于
			function fn04(a,b){
				return (a + b);
			}
			console.log(fn04(1,5));
			
			//函数的参数
			//1.实参可以省略,则形参为undefined
			function test01(x,y){
				console.log(x+y);
			}
			//调用函数
			//未设置实参
			test01(); 	// NaN
			test01(1);   // NaN
			test01(1,2)  // 3
			
			// 2.如果形参名相同,则以最后一个为准
			function test02(x,x){
				console.log(x);
			}
			test02(1,2);	//2
			
			//3.可以设置参数的默认值
			function test03(x){
				// 如果形参x有值,则值为x传递的值;否则为"x"
				x = x || "x";
				console.log(x);
			}
			test03(10); //10
			test03();   //x
			function test04(x){
				(x != null && x != undefined) ? x = x : x = "x";
				console.log(x);
			}
			test04(); //x
			
			//4.参数为值传递,传递副本;参数是引用传递,则传递的是地址,操作的是同一个对象
			//值传递
			var num = 10;  //变量
			//函数
			function test05(num){
				num = 20;
			}
			// 调用函数
			test05(num);  //实参是定义的变量
			console.log(num);
			
			//引用传递
			var obj = {name:"zhangsan"};
			console.log(obj);
			function test06(o){
				o.name = "lisi";
			}
			test06(obj);
			console.log(obj.name);
			
			
			// 函数的调用
			// 1.常用调用模式
			function f1(){
				console.log("常用调用模式...");
			}
			f1();
			// 2.函数调用模式（函数有返回值）
			var f2 = function(a){
				console.log("函数调用模式...");
				return a;
			}
			var num1 = f2(1);
			console.log(num1);
			// 3.方法调用模式
			//定义对象	key键:字符串 value值:任意数据类型
			var obj = {
				name:"zhangsan",	//字符串
				age:18,	//数值
				sex:true,	//布尔
				cats:["大毛","二毛"],	//数组
				dog:{	//对象
					name:"张二狗",
					age:1
				},
				sayHello:function(){	//函数
					console.log("你好呀~");
				}
			}
			console.log(obj);
			console.log(obj.sayHello);
			obj.sayHello();	//对象调用函数
			
			// 函数的返回值
			function a1(){
				console.log("没有返回值...");
				return;
				console.log('............');
			}
			console.log(a1());
			
			function a2() {
				console.log("有返回值...");
				return "test";
			}
			console.log(a2());
			
			// 函数的作用域
			var pp = "Hello"; //全局变量
			// 函数中定义的变量是局部变量
			function qq(){
				// 局部变量
				var box = 10;
				//全局变量(没有var声明,属于全局变量)
				box2 = 20;
			}
			// 调用方法,执行方法中的代码
			qq();
			console.log(pp);  //全局变量
			// console.log(box); //局部变量
			console.log(box2);  //全局变量(但需要调用函数,box2才会被定义)
			
		 </script>
	</body>
波澜不惊！
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js的基础笔记3:数组(创建数组、获取数组中的元素、遍历数组、数组中新增元素)、函数（声明函数、调用函数、函数的封装、函数的参数、函数的返回值）
小黄呀呀呀的博客
09-17 434
1 - 数组 1.1 数组的概念 数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。 1.2 创建数组【可以存放任意类型】 JS 中创建数组有两种方式： 利用 new 创建数组 var 数组名 = new Array() ； var arr = new Array(); // 创建一个新的空数组 注意 Array () ，A 要大写 利用数组
javascript的数组和常用函数详解
01-19
Javascript不支持多维数组，但是因为数组里面可以包含对象（数组也是一个对象），所以数组可以通过相互嵌套实现类似多维数组的功能。 1.1 定义数组 声明有10个元素的数组： 代码如下:var a = new Array(10);此时为a...
JS数组、函数等基础知识内容
ICanDoIt
08-18 219
1. 数组 数组的概念 所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。 数组的定义 数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。 通过数组字面量创建数组 // 创建一个空数组 var arr1 = []; // 创建一个包含3个数值的数组，多个数组项以逗号隔开 var arr2 = [1, 3, 4]; // 创建一个包含2个字符串的数组 var arr3 = [‘a’, ‘c’]; // 可以通过数组的length
JS 数组的定义+常用方法
qq_45560350的博客
08-09 1万+
1111
javascript数据基本定义以及对象{}和数组[]的含义和使用
weixin_30508241的博客
12-05 146
一、基本的数据类型 原始类型（简单数据类型、基本数据类型） Undefined类型：表示声明了变量但未对其初始化时赋予该变量的值。undefined为Undefined类型下的唯一的一个值。 Null类型：用于表示尚未存在的对象。Null类型下也只有一个专用值null。 Boolean类型：有两个值true和false,主要用于条件判断，控制执行流程。 Number类型：代表数字（即包...
C语言——数组定义及使用
热门推荐
weixin_73246981的博客
09-12 1万+
一.定义数组 <类型>变量名称［元素数量］； （元素数量必须是整数） 如∶int grades ［100］； 特点∶①其中所有元素具有相同的数据类型 ②一但创建，不能改变大小 （数组中的元素在内存中依次排列） 如int a［10］；有十个单位∶a［0］，a［1］ ……a［9］ 每个单元就是一个int类型的变量 ［］里面从0开始，被称为下标或索引 二.数组运算 举例∶ const int number=10; int x; int count[n
JavaScript数组的定义及数字操作技巧
01-21
一、数组的介绍 　数组中的元素类型可以是数字型、字符串型、布尔型等，甚至也可以是一个...　ps:　和Object一样，此写法不会调用Array()构造函数。 三、数组元素 　1、存取数组元素：通过存取运算符[] 如：arr[2];
javascript中数组和字符串的方法对比
12-11
本文将对字符串和数组的类似方法进行比较 可索引 ECMAScript5定义了一种访问字符的方法，使用方括号加数字索引来访问字符串中的特定字符 可索引的字符串的最大的好处就是简单，用方括号代替了charAt()调用，这样更加...
在vue中使用回调函数,this调用无效的解决
10-14
主要介绍了在vue中使用回调函数,this调用无效的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
JavaScript队列函数和异步执行详解
01-19
这个时候可以预先定义一个数组，添加函数的时候把函数push 进去，需要的时候从数组中按顺序一个个取出来，依次调用： var stack = []; // 执行其他操作，定义fn1 stack.push(fn1); // 执行其他
第十课--Array（数组） 对象与Boolean（布尔） 对象
阅读之后，对你有帮助，那就点个赞再走吧
09-16 1003
1.Array（数组） 对象 var arr = new Array(); arr[0] = 1; arr[1] = 1; arr[2] = 1; console.log(arr) arr['a'] = 1; arr['b'] = 1; arr['c'] = 1; 数组属性 属性 描述 constructor 返回创建数组对象的原型函数。 length 设...
C语言之数组的定义及其使用方法
m0_64365419的博客
05-29 1万+
数组是一组相同类型元素的集合，数组的创建方式： 数组类型 数组名 数组长度的大小（常量表达式） 例如：int arr[10]; √ int count=10; int arr2[count];×（必须是常量表达式） Char arr3[10];√ Float arr4[11];√ Double arr5[20];√ 数组元素的初始化 int arr[10]={1,2,3};这种叫做不完全初始化，剩下没有给定初始值的元素默认初始值为0.，字符数组同理也是如此。 不过字符串数组比较特殊，在部分初始化之后，没有初
【JavaScript】js基础-语法（数组，函数，全局变量）
你今天真好看呀
08-16 2452
文章目录1. js的数组2. js的函数3. js的全局变量和局部变量 1. js的数组 1.定义方式： （1）var arr = [1,2,3]; var arr = [1,"4",true]; （2）使用内置对象Array var arr1 = new Array(5);//定义一个数组，数组的长度为5 arr1[0] = "1"; （3）使用内置对象Array var arr2 = n...
宏定义中有浮点数_JavaScript 定义
weixin_39875832的博客
12-03 549
变量的声明和赋值JS中所有类型变量的声明都使用var 1.先声明变量再赋值 var i; i = 5; 2.同时声明和赋值变量 var s= "xyr"; var x, y, z = 10; 3.不声明直接赋值 width=5; 变量可以不经声明而直接使用，但这种方法很容易出错，也很难查找排错，不推荐使用数据类型JavaScript 拥有动态类型。相同的...
Shell编程之循环语句与函数
weixin_48191719的博客
11-04 1178
文章目录for语句的结构示例1示例2while语句的结构示例1批量添加用户示例2until循环语句结构示例Shell函数示例函数的作用范围示例函数的参数参数的用法参数的表示方法示例递归函数示例Shell数组应用场景包括数组定义方法方法1方法2方法3方法4数组包括的数据类型示例Shell脚本调试常用参数的具体含义为: for语句的结构 读取不同的变量值，用来逐个执行同一组命令 示例1 批量添加用户 用户名存放在users。txt文件中，每行一个 初始密码均为123456 验证脚本 [root@localho
JavaScript数组、函数、自定义对象(02)
DKPT的博客
11-21 423
1、数组 1.1、数组定义方式 JS 中 数组的定义： 格式： var 数组名 = []; // 空数组 var 数组名 = [1,’abc’,true]; // 定义数组同时赋值元素 <!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javasc
五、数组的定义、 数组函数
weixin_34391445的博客
04-12 789
一、数组的定义 数组：变量存储的有序序列$数组名称 = 数组的定义;// 2种形式php中的数组包括2中数组类型索引数组:关联数组:索引数组:下标为数字的数组。$数组名称[下标] 下标 从0开始的数字，根据数字的不同，值不同//索引数组定义 $arr[0]=123; $arr[1]="liu"; ...
JavaScript数组的调用方法
$狴犴^的博客
09-06 1147
var colors =[‘blue’,‘green’,‘red’] console.log(colors.length) //展示当前数组存储数据的长度 colors[1]='lalaal';//修改覆盖原值 colors.length=8;//直接扩充 下标必须延续 colors.push('didiidi');//在数组的末尾增加新元素 colors.pop()//删除数组末尾元素 colors.unshift('sssss') //在头部添加新的元素 colors.shift()//头部
单击事件，循环遍历函数数组，依次调用每个函数。
最新发布
05-16
你可以使用以下 JavaScript 代码实现： ```javascript function callFunctions(functions) { for (var i = 0; i < functions.length; i++) { functions[i](); } } // 示例用法 var functions = [ function() { console.log("Function 1"); }, function() { console.log("Function 2"); }, function() { console.log("Function 3"); } ]; callFunctions(functions); ``` 在这个例子中，我们定义了一个 `callFunctions` 函数，它接受一个函数数组作为参数。该函数使用一个循环遍历该数组，并依次调用每个函数。最后，我们使用一个示例函数数组来测试 `callFunctions` 函数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值