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

来源：互联网发布：视频慢动作软件编辑：程序博客网时间：2024/05/16 16:56
注：代码例子使用了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截止，不包含1alert(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,Sarray.pop(); //去掉数组的最后一个元素temp = array.toString(); //输出A,1，b，Aarray.unshift('ADD', '111'); //往数组头部添加元素temp = array.toString(); //输出ADD,111,A,1，b，Aarray.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,NewnewArray = newArray.join("-"); //数据中两个元素之间添加-；注意，这里也是返回了个新的数组，不是在原数组上进行的修改temp = newArray.toString(); //输出splice,ADD,A,A，111,1，new,Newalert(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智障？undefineduser.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