70.【JavaScript 6.0】(一)

简介: 70.【JavaScript 6.0】

1.前端三要素

(1).HTML: 超文本标记语言,决定网页的结构和内容
(2).CSS: 层叠样式,设定网页的表现形式
(3).JavaScript: 是一种弱类脚本语言,其源代码不需要经过翻译,而是由浏览器进行解释和运行,用于控制网页的行为。

2.引入JavaScript

1.弹窗的窗口
javascript
  <script>
    alert('hello world');
  </script>

1.弹窗:alert(); 内部引入

2.alert(弹窗) 外部引入

3.JavaScript基本语法入门

1.控制台打印消息:  System.out.println("");
console.log(变量名);
2.浏览器控制台调试JAVASCRIPT的代码
3.定义变量:
var 变量名=变量值;
4.条件控制:
if()  else if() else()--------->语法基本一致
5.区分大小写的操作
6.UNDEFINE--------->说明定义了但没有值,

1.edge:利用控制台打印操作:

2.edge:利用资源(sourece)进行代码调试

edge:必知五大档口

4.数据类型

变量

1.以var 作为数据类型
2.不能以数字开头,

number : js区分小数和整数.

123   //整数
123.1  //浮点数
1.123e3  //科学计数法
-99    //复数
NAN   //不是一个数字
infinity  //表示无限大

字符串

1.正常字符串我们使用单引号/双引号进行包裹,eg: 'a'  "a"
2.注意转义字符:
> \'   --->是一个点
> \n    ---->换行
> \t    ----->table
3.多行字符串编写 (符号在tab的上面)
var msg=`
`;
4.模板字符串:  (也就是拼接)
`${变量名}`;     ---------------->tab上面的符号,以及${};
5.字符串的长度:
str.length;
6.字符串的不可变性
eg: student='abcd'; student[0]=1;那么赎出来的student[0]还是a,不是1
7.字符串的大小写转换(方法)
> student.toUpperCase()   ---  ----->转换成大写
> student.toLowerCase()   ----------->转换成小写
8.获取指定字符串中字符出来的位置
student.indexOf('s')  ---------------> 0;
9.截取字符串:subString(a,b)------------->从a截取到b,包头不包尾

1.多行字符串

效果展示:

2.模板字符串:

代码展示:

效果展示:

3.字符串的长度:

4.字符串的不可变性

布尔值 true false

逻辑运算

&&  两个为真都为真
||  一个为真就为真
!   真为假,假为真

比较运算符

= 
== 是否等于 (类型不一样,值一样,也会判断为true)
===  绝对等于 (类型一样 值一样)

NAN===NAN, 这个与所有的数值都不想等,包括自己

只能通过isNAN(NAN)来判断这个数是否是NAN

1.尽量避免使用浮点数进行运算,存在精度问题。

2.Math.console(Math.abs()) ,绝对值。

nullundefind

1.null 空

2.undefind: 未定义(数组越界也会报错)

数组

1.可以包含随意的类型;
2.长度: arr.length;-------->长度可变 eg: arr.length=10;
如果赋值变小,那么会丢失数据。
3.可变性: eg:arr[0]=0; ------>会变化
4.数组的打印:---------->eg: arr
5.两种定义模式:
var array=[1,2,3,4,'hello',null,true];
new array(1,2,3,4,'hello',null,true);
6.查询指定元素获得下标: arr.indexOf(0) ------------>查询索引
7.截取数组的一部分,返回一个新的数组:slice(a,b)   ----------->包头不包尾
8.在头部和尾部添加元素: push(尾部添加)/pop(弹出尾部的元素);
eg:student.push('a','b');
student.pop();
9.unshifit(),shift();  -------->头部添加,头部删除
10.排序sort();  -------------->默认升序
eg:stuent.sort();
11.元素反转:reverse();---------->反转;
eg: stuent.reverse();
12.拼接:concat()------------>在尾部拼接数组;会返回一个新的数组
eg: arr=[1.2.3]; arr.concat(['a','b','c']); --------->  1,2,3,'a','b','c'
13.连接符join('-') 打印拼接数组----------》 字符拼接
14.多维数组:------------> var student=[[1,2],[3,4],[5,6]];
15.splice()方法是修改Array的万能方法,它可以从指定的索引开始删除
若干元素,然后再从该位置添加若干元素。
var arr=['a','b','c','d','e']
(1).从索引2开始删除后面三个元素,然后再添加两个元素
arr.splice(2,3,'f','g')
(2).只删除不添加
arr.splice(2,2)
(3).只添加,不删除
arrsplice(2,0,'g');

1.数组的长度可变:

2.截取数组

3.push/pop



相关文章
|
1月前
|
前端开发 JavaScript API
JavaScript
JavaScript
8 2
|
7月前
|
存储 JavaScript 前端开发
Javascript
avaScript 是一种用于在网页上实现交互性和动态功能的脚本语言。
65 0
|
存储 JavaScript 前端开发
javascript有什么用
JavaScript是一种用于编写网页交互和动态效果的脚本语言,具有广泛的应用。它在现代Web开发中发挥着重要的作用,无论是在前端还是后端开发中,JavaScript都扮演着重要的角色。本文将详细介绍JavaScript的七大主要用途,并对其在各个领域中的具体应用进行详细分析。
|
前端开发 JavaScript
JavaScript问题总结
JavaScript问题总结
77 0
|
JavaScript 前端开发
JavaScript 中的 mailto
JavaScript 中的 mailto
140 0
|
存储 缓存 JavaScript
有趣的JavaScript(1)
有趣的JavaScript(1)
有趣的JavaScript(1)
|
JavaScript 前端开发
初识JavaScript
初识JavaScript
104 0
|
JavaScript 前端开发 程序员
【初识JavaScript-02】
【初识JavaScript-02】
96 0
【初识JavaScript-02】
|
Web App开发 编解码 JavaScript
【初识JavaScript-01】
学习好一门语言贵在坚持之初识JavaScript🏹💁‍♂️!
102 0
|
JavaScript 前端开发
Javascript 中的 this
当我们学习 Javascript 中的 this 时,非常容易陷入一种困境,一种似懂非懂的困境。在某些情况下,我们看了一些文章和解释,将其应用到一些简单的情况,发现,嗯,确实这么运作了。而在另一些更为复杂的情况下,我们发现又懵逼了,什么情况?这篇文章的目的,就是要完全搞懂并掌握 Javascript 中的 this。为什么我们很难完全掌握 this?在我看来,原因是 this 的解释太过抽象,在理
641 0