javaScript数组函数

最新推荐文章于 2025-06-15 21:54:28 发布

原创最新推荐文章于 2025-06-15 21:54:28 发布 · 168 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js #javascript #dom

本文详细介绍了JavaScript的基本概念，包括数组操作、类型转换、函数定义及调用、程序调试、日期处理等核心内容，适合初学者快速掌握JavaScript编程技巧。

数组

<script>
     	//1.声明一个数组
     	var scores = new Array();
     	scores[0] = 20;
		// 打印数组
     	document.write("scores:" + scores + "<br/>");
     	// 数组的长度
     	document.write("数组的长度：" + scores.length + "<br/>");
     	//3.可以同时声明数组并且同时指定元素的值
     	var scores1 = new Array(20,30,40,50,60);
     	//4.也可以使用简单的语法声明数组并赋值
     	var scores2 = [1,2,3,4,5];
     	//5.声明数组,并且指定数组的长度
     	var scores3 = new Array(5);
     	//6.分离字符串
     	var str = "a,b,c,d,e";
     	var s = str.split(",");
     	document.write(s[1] + "<br/>");     	
     	//7.按字母顺序进行排序
     	var strs = ["c","o","a","d","e"];
     	strs.sort();
     	//8.数组元素的添加 JavaScript提供了数组添加方法:push(),返回的是数组的长度  	
		var w = strs.push("b");
      	document.write(strs + "<br/>");    	
     	//9.数组元素的删除，删除最后一个元素
     	strs.pop();
     	document.write(strs + "<br/>");
     	//10.for循环遍历数组
    	var names = new Array("张三","李四","王五");
    	for (var i = 0; i < names.length; i++) {
    		document.write(names[i] + "<br/>");
    	}
     	//12.for in
     	for (var num in names) {
     		document.write(names[num] + "<br/>");
     	}
     	//13.对象数组
     	var car1 = {
     		brand:"audi",
     		color:"red",
     		price:200
     	};
     	var car2 = {
     		brand:"BMW",
     		color:"white",
     		price:300
     	};
		var car = new Array(car1,car2);  
		for(var i = 0;i < car.length; i++){
     		document.write("品牌："+car[i]["brand"]
     						+"颜色："+car[i]["color"]
     						+"价格："+car[i]["price"]);
     	}
     	//14.使用forEach
     	var emp = ["tom","jack","tina","eric"];
     	emp.forEach(function(value,index){
     		document.write(value + ":" + index);
     	});
    </script>

类型转换

<!--
		JavaScript数据类型转换
		JS是弱类型的语言，变量的数据类型是由变量值的数据类型所决定。
		转化方式：
		1.强制类型转化
		2.隐式类型转化
		具体的操作：
		1.转化为字符串
			toString()
			String()强制转化
		2.转换为数值型
			parseInt()
			parseFloat()
			Number()强制转化
		3.转化为布尔类型
			Boolean()
		-->
		<script>
			var a;
			document.write(typeof(a) + "<br/>");
			a = 1;
			document.write(typeof(a) + "<br/>");
			a = "1";
			document.write(typeof(a) + "<br/>");
			// 1.toString转化为字符串,适合布尔类型和Number类型
			var num = 123;
			var str = num.toString();
			document.write(typeof(str) + "<br/>");
			// 2.String()
			var num1 = 456;
			document.write(typeof String(num1) + "<br/>");
			// 3.拼接字符串，隐式转化
			var num2 = 34;
			document.write(typeof(num2+"") + "<br/>");
			// parseInt
			var n1 = "1.23";
			document.write(parseInt(n1) + "<br/>");
			var n2 = "123abc";
			// 取整数部分,一定是从左到右
			document.write(parseInt(n2) + "<br/>");
			var n3 = "acd111sd";
			document.write(parseInt(n3) + "<br/>");
			// NAN 不是整数 
			// isNAN():判断不是整数，若不是整数，就返回true
			var ab = "123";
			document.write(isNaN(ab) + "<br/>");
			// 2.parseFloat():可以获得有效的小数
			document.write(parseFloat("3.14") + "<br/>");
			// 3.Number函数
			// 当需要转化的字符串不是整数的时候，得到的类型却是Number类型
			document.write(typeof Number("hello") + "<br/>");// number
			document.write(Number("123") + "<br/>");// 123
			document.write(Number("123a") + "<br/>");// NAN
			document.write(Number(" ") + "<br/>");// 0
			// 转化为布尔类型
			document.write(Boolean(123) + "<br/>");// true
			document.write(Boolean("") + "<br/>");// false
			document.write(Boolean(true) + "<br/>");// true
			document.write(Boolean(null) + "<br/>");// false
			document.write(Boolean("abc") + "<br/>");// true
		</script>

函数

<!--
		函数：系统函数和自定义函数
		1.系统函数
			parseInt():转化为整形
			indexof(value,fromindex):返回某个字符串首次出现的位置
			concat():连接字符串str1.concat(str2);
			reverse():反转
			isNaN():验证不是数字
		2.自定义函数
			function 方法名(参数列表){
				// 执行的代码
			}
		函数调用：
		1)触发事件时，调用方法
		2)JS代码方法的调用
        -->
        <script>
        	function sayHello(name){
        		alert("hello" + name);
        	}
        	function sum(num1,num2){
        		return num1 + num2;
        	}
        	window.onload = function(){
        		alert("hello");
        		document.getElementById("btnOK").onclick = function(){
        			var n = sum(1,2);
        			alert(n);
        		};
        	}
        </script>
	</head>
	<body>
		<button id="btnOK" onclick="sayHello('李四');">提交</button>
	</body>

程序调试

		<script>
			/*
			 * JS调试的方法
			 * 1.console.log()
			 * 2.debugger
			*/
			var a = 5,b,c;
			c = a + b;
			// 1.在浏览器开发者工具控制台打印输出
			console.log(c);
			//alert(c);
			var w = 1;
			// 2.添加断点调试
			debugger;
			alert(w);
			function add(x,y){
				return x+y;
			}
			var x = 2,y = 3;
			var bb = add(x,y);
			document.write(bb + "<br/>");
			var score = new Array(20,30,40);
			for (var i = 0; i < score.length; i++) {
				document.write(score[i] + "<br/>");
			}
		</script>

JS日期

<script>
	// 创建日期
	var date = new Date();
	document.write(date + "<br/>");
	// 获取年月日2020/04/06
	document.write(date.toLocaleDateString() + "<br/>");
	// 修改日期(加一天，加一小时)
	date.setDate(date.getDate() + 1);
	date.setHours(date.getHours() + 1);
	document.write(date.toLocaleDateString() + "<br/>");
	// 获取年月日，时分秒
	var year = date.getFullYear();
	var month = date.getMonth() + 1;
	var day = date.getDate();
	document.write("日期：" + year + "-" + month + "-" + day + "<br/>");
</script>