Web开发基础学习笔记整理（10）

最新推荐文章于 2024-05-05 14:01:41 发布

Mo*◑

最新推荐文章于 2024-05-05 14:01:41 发布

阅读量176

点赞数

分类专栏： # Web开发基础文章标签： java 字符串 javascript js

本文链接：https://blog.csdn.net/qq_44458489/article/details/105149241

版权

Web开发基础专栏收录该内容

16 篇文章 0 订阅

订阅专栏

JavaScript基础语法

变量

（1）java中的变量

  int age=30;
  long l=1000;
  double d=3.14;
  char c=’男’;
  String s=”张三”;
  boolean b=true;
  JFrame f=new JFrame();

（2）JavaScript中的变量
使用关键字var声明变量，不分具体的数据类型\

  var age=30;
  var l=1000;
  var d=3.14;
  var s=”张三”;
  ....

JavaScript中的数据类型

基本类型

（1）数字 number
（2）字符串 string
（3）布尔类型 boolean

特殊类型

（1）null 空值
（2）undefined 未定义声明了变量但从未赋值或者对象/变量不存在。

复杂类型

（1）数组 Array
（2）对象 Date Math document window…

JavaScript中判断数据类型的方法

（1）typeof方法查询当前变量的类型
（2）isNaN方法判断是否为数值类型
判断结果如果为false，是数值类型；
判断结果如果为true，不是数值类型；
布尔类型被列为数值类型。

JavaScript中加注释的方式

//注释内容单行注释
/* 注释内容 */多行注释

运算符

（1）算术运算符 + - * / % ++ --
eg: ++ i++ 等价于 i=i+1
（2）关系运算符 > >= < <= == !=
（3）逻辑运算符 && || !

分支结构

  if(){

  }else if(){

  }else{

  }

循环结构

  for  
  while   
  do...while

常用的内置对象

内置对象：JavaScript已经提供好的，内置对象中包含了属性和方法可以直接使用

string对象，字符串对象

（1）length属性，求字符串长度

语法: 字符串.length
（2）大小写转换方法

x.toLowerCase() 转小写
x.toUpperCase() 转大写
（3）根据下标获取字符串中指定位置的字符

“abcdefg”
下标 0123456
x.charAt(下标) -->返回指定位置的字符
（4）查询指定字符串的位置

“abcdefg” “c”
x.indexOf(findstr) -->返回所在的位置
如果能查找到，返回下标所在的位置；
如果查找不到，一律返回-1。
（5）截取字符串

“abcdefg” —> 下标2~4的位置的内容 “cde”
x.substring(start) start表示开始位置，截取到末尾
x.substring(start,end) start表示开始位置；end表示结束位置，不包含end当前位置
eg: (2,5) --> 下标2开始，到下标4结束，截取的是下标2~4的内容。
（6）替换字符串

x.replace(findstr, tostr)
findstr表示要查找的字符串
tostr表示替换的字符串
（7）拆分字符串

x.split(bystr) bystr表示分割用的字符串，按照bystr的内容进行分割
“一,二,三,四,五,六,天” -> “,”进行拆分，数组容器[一二三四五六天] 0 1 2 3…

string对象思维导图

在这里插入图片描述

Array对象 --数组

var a=10;
var b=100;
可以使用变量存储某一个数值。
当出现大量数据的时候，就要放弃变量，使用数组了。arr=[1,2,3,4,5…100]

（1）创建数组对象

java中创建数组的方式

  int[] arr=new int[5];
  int[] arr1={10,20,30,40,50};

JavaScript中创建数组的方式

  var arr=new Array(5);    创建一个数组arr，大小为5，数组中没有内容
  var arr1=new Array(100,”abc”,true);  创建一个数组arr1，大小为3,内容为100,”abc”,true
  var arr2=[100,200,300];   创建一个数组arr2，大小为3，内容为100,200,300

代码部分：

part1：

<html>
	<head>
		<title>js判断类型</title>
		<script>
			function test(){
				/*
				//使用var关键字声明变量并赋值
				var s1 = 3;
				var s2 = 3.14;
				var s3 = "abc";
				var s4 = true;
				*/
				
				/*
				//显示变量的值
				alert(s1); 
				alert(s2);
				alert(s3);
				alert(s4);
				*/
				
				/*
				//显示变量的类型 typeof
				alert(typeof(s1)); //number
				alert(typeof(s2)); //number
				alert(typeof(s3)); //string
				alert(typeof(s4)); //boolean
				*/
				
				/*
				//判断变量是否为数值 isNaN
				alert(isNaN(s1)); //false
				alert(isNaN(s2)); //false
				alert(isNaN(s3)); //ture
				//boolean类型表示true/false，true转换为1，false转换为0
				alert(isNaN(s4)); //false 
				*/
				
				//undefined 未定义
				//var m; //声明了变量m但是未赋值
				//alert(m); //undefined
				
				//未声明变量n
				//alert(n); //未有提示框内容，说明有错误 n is not defined
				
				//var n1;
				//var n2;
				//alert(n1+n2); //NaN（Not a Number，非数）是计算机科学中数值数据类型的一类值，表示未定义或不可表示的值。
				var n1 = 1;
				var n2 = 2;
				alert(n1+n2); //3
				n1++;
				alert(n1); //2
			}
		</script>
	</head>
	<body>
		<!-- 定义普通按钮，添加单击事件 -->
		<input type="button" name="btn" value="点我" onclick="test()"/>
	</body>
</html>

效果图

在这里插入图片描述

part2：

<html>
	<head>
		<title>运算符分支循环语法</title>
		<script>
			function test(){
				/*
				//关系运算符 > >= < <= == !=
				var a1 = 3;
				var a2 = 6;
				alert(a1 > a2); //false
				alert(a1 == a2); //false
				
				//逻辑运算符 &&并且 ||或者 !非
				var a3 = 10;
				alert(a1 < a2 && a1 > a3); //false
				alert(a1 < a2 || a1 > a3); //true
				*/
				
				/*
				//分支结构 if
				var num = 0;
				if(num > 0){
					alert(num + "是正数");
				}else if(num == 0){
					alert(num + "是零");
				}else{
					alert(num + "是负数");
				}
				*/
				
				/*
				//循环结构 for while
				for(var i = 1; i <= 10; i++){ //i = 1 2 3 4 5 6 7 8 9 10
					//alert("helloworld" + i);
					document.write("helloworld" + i + "<br/>");
				}
				*/
				
				var n = 1;
				while(n <= 10){
					document.write("helloworld" + n + "<br/>");
					n++;
				}
			}
		</script>
	</head>
	<body>
		<input type="button" name="btn" value="确定" onclick="test()"/>
	</body>
</html>

效果图：

在这里插入图片描述

part3：

<html>
	<head>
		<title>string内置对象</title>
		<script>
			function test(){
				/*
				//1.length属性
				var str1 = "helloworld";
				alert(str1 + "的长度为" + str1.length); //helloworld的长度为10
				*/
				
				/*
				//2.大小写转换的方法
				var str2 = "AbcDEfg";
				alert(str2); //AbcDEfg
				alert(str2.toLowerCase()); //abcdfg
				alert(str2.toUpperCase()); //ABCDEFG
				*/
				
				/*
				//3.获取指定字符
				var str3 = "JavaScript网页教程";
				//下标 0123456789 10 11 12 13
				alert(str3.charAt(12)); //教
				alert(str3.charAt(4)); //S
				*/
				
				/*
				//4.查询指定字符串的位置
				var str4 = "今天是星期五";
				//  下标    0 1 2 3 4 5
				alert(str4.indexOf("是")); //2
				alert(str4.indexOf("中")); //如果查找不到，返回-1
				*/
			
				/*
				//5.字符串截取方法
				var str5 = "abcdefgh";
				alert(str5.substring(4)); //从下标4到末尾的内容，efgh 
				alert(str5.substring(2, 6)); //从下标2-下标5的内容，cdef
				*/
				
				/*
				//6.替换字符串方法
				var str6 = "abcdef"; //将"cd"替换为"aaa"
				alert(str6.replace("cd", "aaa")); //abaaaef
				*/
				
				//7.拆分字符串
				//var str7 = "一,二,三,四,五,六,天";
				//var strArr = str7.split(",");
				//将拆分后的内容放到数组容器的方式存储
				//alert(strArr); //一,二,三,四,五,六,天
				//alert(strArr[0]); //一
				//alert(strArr[3]); //四
				//alert(str7[0]); //一
				//alert(str7[1]); //,
				//alert(str7.charAt(0)); //一
				var str8 = "abcdef";
				var v1 = str8.split("cd");
				alert(v1); //ab,ef
				//    下标    0  1
				alert(v1[0]); //ab
				alert(v1[1]); //ef
				alert(str8[0]); //a
			}
		</script>
	</head>
	<body>
		<input type="button" name="btn" value="确定" onclick="test()"/>
	</body>
</html>

效果图：

在这里插入图片描述

若想了解更多可点击本处

Mo*◑

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Web开发基础学习笔记整理（10）

JavaScript基础语法变量（1）java中的变量 int age=30; long l=1000; double d=3.14; char c=’男’; String s=”张三”; boolean b=true; JFrame f=new JFrame();（2）JavaScript中的变量使用关键字va...
复制链接

扫一扫

专栏目录