JavaScript学习总结1-字符、数字

时间:2021-09-19
本文章向大家介绍JavaScript学习总结1-字符、数字,主要包括JavaScript学习总结1-字符、数字使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

1、严格检查模式

JavaScript是一种十分随便自由的语言

1 <script>
2         console.log(i);
3  </script>

即使没有定义i变量,也能在控制台输出i,显然这不是我们所想要的。为了避免这一情况,我们可以在script标签的开头加入‘use strict’

1 <script>
2         'use strict'
3         console.log(i);
4 </script>

此时编译就会报错,标红语句

2、字符串类型

JavaScript的字符串具有与Java不同的特性,其最主要一点是字符串的不可变性,Java当中的字符串赋初值以后可以修改其值,而JavaScript的字符串没有办法修改

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 
 7     <script>
 8         let s = "student";
 9         console.log(s.length);
10         console.log(s[0]);
11         s[0] = 1;
12         console.log(s[0]);
13         s[0] = "p";
14         console.log(s[0]);
15 
16         console.log(s.toUpperCase());
17         //    大小写转换等是方法不是属性
18     </script>
19 </head>
20 <body>
21 
22 </body>
23 </html>

同时注意字符串的大小写转换等是方法,需要通过点操作执行

3、数组类型

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 
 7     <script>
 8         let arr=[2,5,7];
 9         console.log(arr);
10 
11         arr.length=6;
12 
13         console.log(arr[5]);
14     </script>
15 </head>
16 <body>
17 
18 </body>
19 </html>

通过给数组arr扩容可以改变arr的大小,但是不推荐使用这种方式,因为容易造成空间分配过小数据丢失

同时要注意在JavaScript当中,字符串的“1”和数字1不同

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 
 7     <script>
 8         let arr=[2,5,7];
 9         console.log(arr);
10 
11         if(arr.indexOf(2)){
12             console.log("在");
13         }else {
14             console.log("不在");
15         }
16     </script>
17 </head>
18 <body>
19 
20 </body>
21 </html>
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 
 7     <script>
 8         let arr=[2,5,7];
 9         console.log(arr);
10 
11         if(arr.indexOf("2")){
12             console.log("在");
13         }else {
14             console.log("不在");
15         }
16     </script>
17 </head>
18 <body>
19 
20 </body>
21 </html>

原文地址:https://www.cnblogs.com/Cra2iTeT/p/15312526.html