JavaScript基础（一）

最新推荐文章于 2024-06-12 11:59:04 发布

h1481408400

最新推荐文章于 2024-06-12 11:59:04 发布

阅读量1.1k

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/h1481408400/article/details/107175351

版权

了解Javascript

是基于对象和时间的脚本语言
是脚本语言，简称JS
JavaScript是基于对象，Java是面向对象。
简言之-基于对象不能继承、更谈不上多态。（两者具体区别）

JavaScript 程序和函数调用

第一个小程序

<head>
<script type="text/javascript">
	<!--页面弹出框-->
	alert("第一个javascript例子！");
</script>
</head>

函数的调用

<script>
	function a(name){	//定义函数a
		document.write("我是"+name);
	}
	function b(){		//定义函数b
		document.write("很高兴认识你");
	}
	function add(x,y){	//定义函数add
		var sum = x + y;
		return sum;
	}
	a("王茜");				//调用函数a,传递参数
	b();					//调用函数b,没有参数
	var sum = add(1+2);		//调用函数add,传递参数,有return返回
</script>

系统函数

函数	意义
Number()	用于将字符串转换为数值
isNaN()	判断一个变量是否为”非数字”
eval()	执行一段js代码

99乘法表

<script type="text/javascript">
	document.write("<table>");
	for(var i=1;i<=9;i++){	//遍历9行
		document.write("<tr>");
		for(var j = 1 ;  j<=i ;j++){	//遍历单元格
			document.write("<td>");
			document.write(j+"*"+i+"="+j*i);
			document.write("</td>");
		}	
		document.write("</tr>");
	}
	document.write("</table>");
</script>

数组

1. 一维数组的创建
var arr1 = new Array(“apple”,“orange”,“banana”);
var arr2 = new Array(10);
var arr3 = [“北京”,“上海”,“广州”];

var fruit = new Array(3);
fruit[0] = “apple”;
fruit[1] = “pear”;
fruit[2] = “orange”;
for(var i = 0;i<fruit.length;i++){
document.write(fruit[i]+"–");
}

2. 二维数组的创建
var a = new Array(new Array(5,6,7),new Array(1,2,3));
var a = [[5,6,7],[1,2,3]];
注：二维数组中的元素实际上就是一维数组

var a = new Array(3);
a[0] = new Array(7,3,6,5);
a[1] = new Array(2,9,0,6);
a[2] = new Array(7,9,6,7);
for(var i = 0;i<a.length;i++){
for(var j = 0;j<a[i].length;j++){
document.write(a[i][j]);
}
}

输出为：

7 3 6 5 2 9 0 6 7 9 6 7

数组常用函数

函数	意义
concat	可以连接数组和字符串，返回一个数组
join	数组所有元素连接到一起以字符串形式返回，中间可以指定分隔符
pop	移除数组中的最后一个元素并返回该元素
shift	删除数组中的第一个元素并返回该元素
sort	对数组进行排序
reverse	返回一个元素顺序被反转的Array对象
slice	slice(开始位置，结束位置)包括开始不包括结束，返回数组的一段
splice	删除数组中的元素，splice(元素的位置, 删除的个数)

对象和正则

String对象常用方法（字符串的方法）

确定和定位字符串中的子串的方法

var str = “hello world”;

indexOf(搜寻值，[起始位置(1开始)]) 出现位置的下标(0开始)
var pos = str.indexOf(“e”); //1
lastIndexOf(搜寻值，[起始位置]);
var pos = str.lastIndexOf(“l”,8); //3
charAt(index) 输出索引值所指的字符
var code = str.charAt(6); //w
substring(索引值A，[索引值B]) 索引值A-(B-1)
var pos = str.substring(1,7); //ello w
substr(索引值，[length]) A开始的子串
var pos = str.substr(1,7); //ello wo

String对象处理文本字符串的方法

方法	意义
toLowerCase()	转换成小写
toUpperCase()	转换成大写
split(“分隔符”)	按指定字符分割（返回值为数组）
replace(x,y)	y取代x
match(regExp)	检验字符串和正则是否匹配（返回值为匹配的内容或null）

数学对象Math
Math.PI; //3.1415926
Math.random(); //0-1的随机数
Math.random()*12+8 //8-20之间的随机数

//猜1-100之间的数值
<script type="text/javascript">		
	var suiji =Math.random();
	var right =Math.round(suiji * 100);	
		while (true) {
			var guess = prompt("请输入猜的数字", 0);
			if (right > guess) {
				alert("小了");
			}
			else if (right < guess) {
				alert("大了");
			}
			else {
				if (confirm("恭喜你猜对了，是否退出游戏")) {
					break;
				}
			}
		}
</script>

正则表达式
这个我自己都没整明白，直接按需求百度吧

h1481408400

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript基础（一）

了解Javascript是基于对象和时间的脚本语言是脚本语言，简称JSJavaScript是基于对象，Java是面向对象。简言之-基于对象不能继承、更谈不上多态。（两者具体区别）JavaScript 程序和函数调用第一个小程序<head><script type="text/javascript">  alert("第一个javascript例子！");</script></head>函数的调
复制链接

扫一扫