南京模板网站建设企业,影视后期制作培训机构全国排名,营销手机网站,wordpress 文章地址这里写自定义目录标题 JavaScriptJavaScript引入到文件嵌入到HTML文件中引入本地独立js文件引入网络来源文件 JavaScript的注释方式嵌入在HTML文件中的注释JavaScript的输出方式数据类型原始类型#xff08;基础类型#xff09;合成类型#xff08;复合类型#xff09; 运算… 这里写自定义目录标题 JavaScriptJavaScript引入到文件嵌入到HTML文件中引入本地独立js文件引入网络来源文件 JavaScript的注释方式嵌入在HTML文件中的注释JavaScript的输出方式数据类型原始类型基础类型合成类型复合类型 运算符typeof运算符算术运算符赋值运算符比较运算符布尔运算符条件语句if语句if-else条件语句Switch语句三元运算符 字符串length属性字符串方法charAt()字符串方法concat()concat和的区别字符串方法substring()字符串方法substr()字符串方法indexOf()字符串方法trim()字符串方法split() JavaScript
JavaScript引入到文件
嵌入到HTML文件中
bodyscriptvar age 20;/script
/body引入本地独立js文件
bodyscript typetext/javascript src./hello.js
/body引入网络来源文件
bodyscript scrhttps://xxxxxxxxxxxxxxxxxxxxxxxxxxxx/script
/bodyJavaScript的注释方式
单行//多行/* 内容*/
嵌入在HTML文件中的注释
!-- 注释 -- 温馨提示 注释快捷键ctrl/ JavaScript的输出方式 数据类型
JavaScript的数据类型一共有6种分别是数值、字符串、布尔值、null、undefined、对象ES6又新增了两种数据类型分别是Symbol类型的值和BigInt类型
原始类型基础类型
数值、字符串、布尔值
合成类型复合类型
对象因为一个对象往往是多个原始类型的值的合成可以看作是一个存放各种值的容器
var user{name:复合类型,age:20,learn:true
}运算符
typeof运算符
用来判断一个变量的类型
var num 20;
console.log(typeof num);
//会打印“number”算术运算符 赋值运算符 比较运算符 布尔运算符 条件语句
if语句 if-else条件语句 Switch语句 三元运算符 字符串
可以单引号嵌套双引号也可以双引号嵌套单引号但是注意不可以双引号中嵌套双引号单引号中嵌套单引号。如果要在单引号字符串的内部使用单引号就必须在内部的单引号前面加上反斜杠用来转义双引号字符串内部使用双引号也是如此。
var str 我们知道\阅读\是很重要的;字符串默认只能一行显示如果要换行需要转义。
length属性
length属性返回字符串的长度该属性也是无法改变的。注意length后不用加小括号
var str 123456;
console.log(str.length)
//会打印出来6字符串方法charAt()
charAt方法返回指定位置的字符参数是从0开始编号的。如果参数为负数或者大于等于字符串的长度,charAt返回空字符串。
字符串方法concat()
concat方法用于连接两个字符串返回一个新的字符串不改变原字符串。该方法可以接收多个参数
script
var str1 hello;
var str2 world;
var str3 !;
console.log(str1.concat(str2,str3));
//会打印出helloworld!
/script做字符串相加时是不需要使用concat的可以使用连接字符串。
concat和的区别
concat不管什么类型直接合并成字符串是遇到数字类型直接做运算遇到字符串和字符串相连接。
字符串方法substring()
substring方法用于从原字符串取出子字符串并返回不改变原字符串它的第一个参数表示子字符串的开始位置第二个位置表示结束位置返回结果不含该位置(左闭右开区间)如果省略第二个参数则表示子字符串一直到原字符串的结束。如果第一个参数大于第二个参数substring方法会自动更换两个参数的位置
itbaizhan.substring(8,2);
//等同于
itbaizhan.substring(2,8);如果参数是负数substring方法会自动将负数转为0
字符串方法substr()
substr方法用于从原字符串取出子字符串并返回不改变原字符串跟substring方法的作用相同substr方法的第一个参数是子字符串的开始位置从0开始计算第二个参数是子字符串的长度。
itbaizhan.substr(2,7)//baizhan如果省略第二个参数则表示子字符串一直到原字符串的结束
itbaizhan.substr(2)//baizhan如果第一个参数是负数表示倒数计算的字符位置如果第二个参数是负数将被自动转为0因此会返回空字符串。
itbaizhan.substr(-7)//baizhan
itbaizhan.substr(4,-1)//字符串方法indexOf()
indexOf方法用于确定一个字符串在另一个字符串中第一次出现的位置返回结果是匹配开始的位置如果返回-1就表示不匹配。indexOf方法还可以接受第二个参数表示从该位置开始向后匹配。
字符串方法trim()
trim方法用于去除字符串两端的空格返回一个新字符串不改变原字符串该方法去掉的不仅仅是空格还包括制表符\t, \v、换行符\n和回车符\r。 trim方法不能去掉字符串中间的空格 ES6扩展方法trimEnd()和trimStart()方法trimEnd()去掉字符串尾部空格。trimStart()去掉字符串头部空格。
字符串方法split()
split方法按照给定规则分割字符串返回一个由分割出来的子字符串组成的数组。如果分割规则为空字符串则返回数组的成员是原字符串的每一个字符。
a|b|c.split()//[a,|,b,|,c]如果省略参数则返回数组的唯一成员就是原字符串
it|sxt|bz.split()//[it|sxt|bz]split方法还可以接受第二个参数限定返回数组的最大成员数。
