标签 JavaScript 下的文章 - 蘇阿細

登录

标签搜索

蘇阿細

累计撰写 388 篇文章
累计收到 4 条评论

搜索到 18 篇与的结果

2020-12-08
数据类型（JavaScript） 1.1 字符串1、正常字符串使用单引号或双引号包裹2、转义字符 \\' \n \t \u4e2d \u#### Unicode编码 \x41 AscII码3、多行字符串<script> 'use strict' var msg = ` hello world test` </script>4、模板字符串<script> 'use strict' let name = "孙笑川"; let age = 30; let mgs = `你好,${name}` </script>5、字符串长度console.log(str.length)6、字符串的可变性，不可变7、大小写转换str.toUpperCase(); //大写 str.yoLowerCase(); //小写8、student.indexOf('t'); //在student字符串中，t是第几个元素 //第1个9、substring[a,b) //a <= str < b student.substring(1); //从第一个字符串截取到最后一个字符串 student.substring(1，3); //[1,3) 1.2 数组Array可以包含任意的数据类型var arr = [1,2,3,4,5,6]; //通过下边元素取值和赋值 arr[0]; arr[0] = 1;1、长度arr.length注：如果给arr.length赋值，数组的大小就会发生变化，如果赋值过小，数组里原本的元素就会丢失2、indexOf，通过元素获得下标索引arr.indexOf(2);注：字符串的"1"和数字 1 是不同的3、slice() 截取Array的一部分，返回一个新的数组，用法类似于substring4、push()、pop() 尾部push：压入元素到尾部 pop：弹出尾部的元素5、unshift()、shift() 头部unshift：压入元素到头部 shift：弹出头部的元素6、排序 sort()arr (3) [2, 1, 3] arr.sort() (3) [1, 2, 3]7、元素反转 reverse()8、拼接 concat()(3) [3, 2, 1] arr.concat(["A","B","C"]) (6) [3, 2, 1, "A", "B", "C"] arr (3) [3, 2, 1]注：concat()并没有修改原来的数组，只是返回了一个新的数组9、连接符 joinarr (3) [3, 2, 1] arr.join('-') "3-2-1"打印拼接数组，使用特定的字符串连接10、多维数组arr = [[1,2],[3,4],[5,6]]; arr[1][0] 31.3 对象var 对象名 = { 属性名：属性值, 属性名：属性值, 属性名：属性值 } var person = { name:"sun", age:3, address:"kunming" }在js中，{……}表示一个对象，以键值对的形式描述属性 xxx:xxx，每一个属性末尾以逗号隔开，最后一个属性不加逗号==JavaScript中所有的键都是字符串，值是任意对象==1、对象赋值person.name = "yaoshui" "yaoshui" person.name "yaoshui"2、使用一个不存在的对象属性，不会报错person.email undefined3、动态的删减属性 deletedelete person.name true person4、动态的添加，直接给新的属性添加值即可person.email = "xxx@qq.com"; "xxx@qq.com" person5、判断属性值是否在对象中 xxx in xxx'age' in person true //继承 'toString' in person true6、判断一个属性是否是对象本身就存在的person.hasOwnProperty('toString') false person.hasOwnProperty('age') true1.4 流程控制if判断var age = 3; if(age)>3{ alert("哈哈"); }else { alert("哭哭"); }while循环，避免程序死循环var age = 3; while(age<100){ age = age +1; console.log(age); }for循环for(let i = 0; i < 100; i++){ console.log(i); }forEach循环ES5.1引入var age = [1,2,3,4,5]; //函数 age.forEach(function(value){ console.log(value); })for...in<script> 'use strict' var age = [1,2,3,4,5,6]; /* * for(Type str:el) java * for(var index in object){} javascript */ for (var num in age){ if (age.hasOwnProperty(num)){ console.log(age[num]); } } </script>1.5 Map和SetES6的新特性1、Map<script> 'use strict' //ES6 //统计学生成绩、名字 // var name = ["孙笑川","药水哥","Giao哥"]; // var score = [100,99,98]; var map = new Map([['孙笑川',100],["药水哥",99],["Giao哥",98]]); var name = map.get("孙笑川"); //通过key获得value map.delete("药水哥"); //删除 map.set("admin",101); //新增或修改 console.log(name); </script>2、Set：无序不重复的集合set.add(2); //添加 set.delete(1); //删除 console.log(set.has(3)); //是否包含某个元素1.6 iteratorES6新特性1、遍历数组//通过for of实现便利数组 //for in是打印输出下标 var arr = [1,2,3,4]; for (let values of arr){ console.log(values); }2、遍历Mapvar map = new Map([['孙笑川',100],["药水哥",99],["Giao哥",98]]); for (let values of map){ console.log(values); }3、遍历Setvar set = new Set([3,1,7,7,9,7]); for (let values of set){ console.log(values); }
- 2020年12月08日
- 81 阅读
- 0 评论
- 0 点赞
2020-12-08
JavaScript快速入门 1.1 引入JavaScript1、内部标签<script> //…… </script>2、外部引入test.js//……test.html<script src="js/test.js"></script>测试代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>   <script src="js/test.js"></script>  <script type="text/javascript"></script> </head> <body> </body> </html>1.2 基本语法<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> // 1.定义变量变量类型变量名 = 变量值; var num = -1; //alert(num); // 2.条件控制 if (num>1){ alert("true"); }else { alert("false"); } // console.log(num); 在浏览器的控制台打印变量 </script> </head> <body> </body> </html>浏览器调试：1.3 数据类型数值，文本，图形，音频，视频……==变量==var person = 1;==number==js不区分小数和整数，Number123 //整数 123.1 //小数 1.123e //科学计数法 -99 //负数 NaN //not a number Infinity //表示无限大==字符串=='abc' "abc"==布尔值==true，false==逻辑运算==&& 两个都为真，结果为真 || 一个为真，结果为真 ! 取反==比较运算符=== 赋值 == 等于（类型不一样，值一样，也会判断为true） === 绝对等于（类型一样，值一样，结果为true）这是js的一个缺陷注：NaN===NaN --->false，NaN与所有的数值都不相等，包括自己只能通过isNaN(NaN)来判断这个数是否是NaN浮点数问题:console.log((1/3)===(1-2/3)); --->false尽量避免使用浮点数进行运算，存在精度问题==null和undefined==null 空undefined 未定义==数组==在Java中数值必须是相同类型的对象，而js中不需要这样~//保证代码的可读性，尽量使用[] var arr = [1,2,3,null,'hello',false];数组中，如果取的数组下标越界，控制台会提示undefined==对象==定义数组是中括号[]，对象是大括号{}~//Person p = new Person(1,2,3……) var person = { name: '孙笑川', age: 30, tags:['Java','js','css','...'] }每个属性之间使用逗号隔开，末尾不需要逗号取值：person.name > "孙笑川" person.age > 301.4 严格检查模式<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <script> 'use strict'; //局部变量 let i = 1; //ES 6 </script> </head> <body> </body> </html>
- 2020年12月08日
- 173 阅读
- 0 评论
- 0 点赞

1
2
3

蘇阿細

388 文章数

4 评论量

标签

舔狗日记