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



相关文章
|
2月前
|
JavaScript 前端开发
javascript中的this
javascript中的this
|
10月前
|
自然语言处理 JavaScript 前端开发
JavaScript (一)
JavaScript 对象 可以说 &quot;JavaScript 对象是变量的容器&quot;。 但是,我们通常认为 &quot;JavaScript 对象是键值对的容器&quot;。
29 0
|
2月前
|
JavaScript 前端开发
JavaScript:处理this
JavaScript:处理this
38 1
|
2月前
|
JavaScript 前端开发
JavaScript-T1
JavaScript-T1
26 0
|
2月前
|
JavaScript 前端开发
JavaScript是什么,其特点又是什么?
JavaScript是什么,其特点又是什么?
28 0
|
10月前
|
JavaScript 前端开发
JavaScript小练习
JavaScript小练习
|
11月前
|
Web App开发 存储 JavaScript
初识javaScript(一)
初识javaScript(一)
|
12月前
|
JavaScript 前端开发 编译器
|
JavaScript 前端开发
有趣的JavaScript(2)
有趣的JavaScript(2)