JavaScript从入门到放弃（1）-基本操作：String,Object,Array，map，set

最新推荐文章于 2023-11-30 10:29:28 发布

石博

最新推荐文章于 2023-11-30 10:29:28 发布

阅读量353

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/shb2058/article/details/78517987

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

注：代码例子使用了Jquery

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<script type="text/jscript" src="jquery-3.2.1.js"></script>
		<title>JavaScript</title>
	</head>

	<body>
		<input type="button" id="button" value="测试格式输入" />
		<script type="text/javascript">
			$(document).ready(function() {
				$("#button").click(function() {
					/*es6新语法，输出带格式的字符串和html标签per相似*/
					alert(`多行
字       符串

测试`);
				});
			});
		</script>
		<br />
		<input type="button" id="button1" value="测试string" />
		<script type="text/javascript">
			$(document).ready(function() {
				$("#button1").click(function() {
					<!--对于string-->
					var string = '测试题aa';
					var temp = string.indexOf('测'); //找到测 对应的下表
					temp = string[0]; //找到下标为0的内容
					temp = string.toUpperCase(); //变成大写
					temp = string.substring(0, 1); //截取，从0开始拿到下标为1截止，不包含1
					alert(temp);
				});
			});
		</script>
		<br />
		<input type="button" id="button2" value="测试array" />
		<script type="text/javascript">
			$(document).ready(function() {
				$("#button2").click(function() {
					var array = new Array('A', 1, 'b');
					var temp = array.length; //输出长度。indexOf/array[0]和 string用法相同
					temp = array.slice(0, 1); //截取
					array.push('A', 'S'); //向数组后加上元素；
					temp = array.toString(); //输出A,1，b，A,S
					array.pop(); //去掉数组的最后一个元素
					temp = array.toString(); //输出A,1，b，A
					array.unshift('ADD', '111'); //往数组头部添加元素
					temp = array.toString(); //输出ADD,111,A,1，b，A
					array.sort(); //对 元素进行排序
					temp = array.toString(); //输出1，111,A，A,ADD,b，
					array.reverse(); //对元素位置进行倒叙
					temp = array.toString(); //输出b，ADD,A,A，111,1，
					/*一个数组的万能方法，包含删除、替换、指定位置添加等*/
					array.splice(0, 1, 'splice'); //从下标为0的地方开始删除，删除1个元素，并把这个下标为0的元素替换为‘splice’；
					//如果是需要在下标为0的后面添加，就需要写作0,0，‘add’;
					//如果只是删除，不替换。写作0,1，
					temp = array.toString(); //输出splice,ADD,A,A，111,1，
					var newArray = array.concat(new Array('new', 'New')); //两个数组进行拼接，并且返回新数组，老数组数据不变
					temp = newArray.toString(); //输出splice,ADD,A,A，111,1，new,New
					newArray = newArray.join("-"); //数据中两个元素之间添加-；注意，这里也是返回了个新的数组，不是在原数组上进行的修改
					temp = newArray.toString(); //输出splice,ADD,A,A，111,1，new,New
					alert(temp);
				});
			});
		</script>
		<br />
		<input type="button" id="button3" value="JavaScript中的对象" />
		<script type="text/javascript">
			$(document).ready(function() {
				$("#button3").click(function() {
					//对于元素，如果包含特殊符号，必须使用''包裹；
					//每个元素之间使用,分割，最后一个不需要添加，在低版本浏览器上如果添加了,会报错
					var user = {
						name: '赵日天',
						sex: '男',
						age: 11,
						'智障？': '是',
						toString: function() {
							return "name:" + this.name + "sex" + this.sex + "age:" + this.age +
								"智障？" + this['智障？'];
						}

					};
					//对于对象元素的读取，可以使用.语法，也可使用['key']语法；
					//对于不规则的包含特殊符号的必须使用['key']
					var temp = user.name;
					temp = user['name'];
					temp = user['智障？'];
					//和java不同，java的对象表述包含同样属性的东西，这里的对象只是一个包含不同属性的一个实体
					//可以动态的对这个对象的属性进行添加和删除操作，这在java是不可能的

					temp = user.toString() //name:赵日天sex男age:11智障？是
					delete user['智障？'];
					temp = user.toString() //name:赵日天sex男age:11智障？undefined
					user.newKey = 100; //给对象新增一个属性
					//给对象新增一个方法
					temp = user.newKey;
					user.getSomeThing = function() {
						return '我是getSomeThing';
					};
					temp = user.getSomeThing();
					alert(temp);

				});
			});
		</script>
		<br />
		<input type="button" id="button4" value="关于新增的map和set，以及set的遍历：iterable" />
		<script type="text/javascript">
			$(document).ready(function() {
				$("#button4").click(function() {
					var map = new Map();
					map.set('key', 'value');
					var temp = map.get('key');
					//alert(temp);

					var set = new Set();
					set.add(1);
					set.add(2);
					set.add(3);
					set.delete(1);
					/*关于遍历 set是无序的，所以不能使用index来遍历*/
					for(var t of set) {
						alert(t);
					}
				});
			});
		</script>

</html>

石博

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript从入门到放弃（1）-基本操作：String,Object,Array，map，set

注：代码例子使用了Jquery JavaScript $(document).ready(function() { $("#button").click(function() { /*es6新语法，输出带格式的字符串和html标签per相似*/ alert(`多行字符串测试`); });
复制链接

扫一扫

专栏目录