注册
|
登录
发帖
热搜
活动
交友
discuz
论坛
BBS
翼度工具
翼度网址导航
开发工具
Linux命令速查
网页设计配色表
在线制作icon
颜色代码选取器
翼度科技
»
论坛
›
编程开发
›
JavaScript
›
查看内容
返回列表
发新帖
JavaScript快速入门(二)
唧唧喳喳
唧唧喳喳
当前离线
积分
6
2
主题
2
帖子
6
积分
新手上路
新手上路, 积分 6, 距离下一级还需 44 积分
新手上路, 积分 6, 距离下一级还需 44 积分
积分
6
发消息
显示全部楼层
文件中引入JavaScript
嵌入到HTML文件中
在body或者head中添加script标签
[/code]引入js文件
创建一个js文件
[code]var age = 20;
console.log(age);
复制代码
在html文件中src引入改文件
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
引入网络来源文件,和引入本地的js文件一样,通过src
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
数据类型
原始数据类型:基本的数据类型(数值、字符串、布尔值)
复合数据类型:对象(一个对象可以看做是存放各种值得容器,由基础数据类型组成)
var user = {<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>"name":"ming",<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>age:20,<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>is_register:True}
复制代码
特殊数据类型:null和undefined
typeof可以用来判断基础数据类型
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
算数运算符
加减乘除取余:+ 、-、*、/、%
自增或者自减相当于当前值+1或者-1
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
自增自减需要注意,有两种写法一种运算符号在前,一种运算符号在后,两种效果不一样
运算符号在前是先自增再运行,运算符号在后是先运行在自增
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
赋值运算符
赋值运算符
表达式
=
赋值运算符
+=
x +=y 等同于 x= x+y
-=
x -=y 等同于 x = x-y
*=
x *= y 等同于 x = x*y
/=
x /= y 等同于 x = x/y
%=
x %= y 等同于 x = x % y
比较运算符
比较运算符
描述
</tdtd小于/td/trtrtd>
大于
=
大于或者等于
==
相等
===
严格相等
!=
不相等
!==
严格不相等
== 和 ===区别
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
布尔运算符
取反运算符(!)
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
提示 undefind 、null、false、0、NaN、空字符串 取反都为true
且运算符(&&)
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
活运算符(||)
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
用Switch简化多个if...else....
swith后面跟表达式,case后面记得一定要加上break,不加上break会把后续的都执行,最后default就是以上case都不是执行
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
用三目运算符来代替if...else...
?y :x
表达式正确返回y,错误则返回x
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
字符串
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
用属性length来查看字符串长度
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
charAT查看索引位置的字符串
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
concat连接两个字符串,创建新的字符串,不影响老的字符串(拼接的如果不是字符串,也会先转为str再拼接)
同样也可以用“+”拼接
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
concat和+号的区别
+号会先运算数字类型在转,所以下方会先做1+2后再转字符串
concat不管什么,都会转字符串拼接
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
substring截取字符串,两个参数,参数1开始的位置的索引,第二个参数结束位置的索引(结束索引位置不取,左闭右开)
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
substr用法基本和substring一样,区别是第二个参数不在是结束位置的索引,而是字符串的长度
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
indexof查询字符串第一次出现的位置,不存在则返回-1
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
trim方法去除首尾两端的空格,包括\r \n \t都能去掉
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
split方法是按分隔符,返回一个分割出来的字符串数组
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
数组
查询、追加
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
遍历
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
数组静态方法Array.isArray():判断是否为数组
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
push()/pop()方法:改变原数组末尾增加或删除
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
shift()/unshift:改变原数组在数组起始位置添加或删除
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
join按指定分隔符拼接数组成员,默认都是逗号
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
concat数组合并
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
reverse翻转
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
indexof返回元素在数组中第一次出现的位置,没有则返回-1
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
<body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
</body>
复制代码
来源:
https://www.cnblogs.com/yetangjian/p/17253215.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
上一篇:
深浅拷贝
下一篇:
前端设计模式——MVC模式
发表于 2023-4-5 13:10:37
举报
回复
使用道具
分享
返回列表
发新帖
本版积分规则
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
快速回复
快速回复
返回顶部
返回顶部
返回列表
返回列表