注:代码例子使用了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>