首页  思维导图  详情

javascript

2019-07-17 11:22:39   3  举报





AI智能生成

javascript的一些基本描述

常用方法

作者其他创作

大纲/内容

语言基础

1 变量

var

2 常量

3 数据类型

number

parseInt()/parsefloat()

数字转字符串

tostring

" "

string

length

获取字符串长度

charAt() 返回指定索引位置的字符
charCodeAt() 返回指定索引位置字符的 Unicode 值
concat() 连接两个或多个字符串，返回连接后的字符串
fromCharCode() 将 Unicode 转换为字符串
indexOf() 返回字符串中检索指定字符第一次出现的位置
lastIndexOf() 返回字符串中检索指定字符最后一次出现的位置
localeCompare() 用本地特定的顺序来比较两个字符串
match() 找到一个或多个正则表达式的匹配
replace() 替换与正则表达式匹配的子串
search() 检索与正则表达式相匹配的值
slice() 提取字符串的片断，并在新的字符串中返回被提取的部分
split() 把字符串分割为子字符串数组
substr() 从起始索引号提取字符串中指定数目的字符
substring() 提取字符串中两个指定的索引号之间的字符
toLocaleLowerCase() 根据主机的语言环境把字符串转换为小写
toLocaleUpperCase() 根据主机的语言环境把字符串转换为大写
toLowerCase() 把字符串转换为小写
toString() 返回字符串对象值
toUpperCase() 把字符串转换为大写
trim() 移除字符串首尾空白
valueOf() 返回某个字符串对象的原始值

字符串转数字

子主题

boolean

开关

undefined

1 未赋值

2 未定义

null

查看当前数据的类型

typeof

测试当前数据是不是数字

isNaN

4 运算符

算数运算符

关系运算符

===

类型数据值

JavaScript == 与 === 区别
1、对于 string、number 等基础类型，== 和 === 是有区别的
a）不同类型间比较，== 之比较 "转化成同一类型后的值" 看 "值" 是否相等，
=== 如果类型不同，其结果就是不等。
b）同类型比较，直接进行 "值" 比较，两者结果一样。
2、对于 Array,Object 等高级类型，== 和 === 是没有区别的
进行 "指针地址" 比较
3、基础类型与高级类型，== 和 === 是有区别的
a）对于 ==，将高级转化为基础类型，进行 "值" 比较
b）因为类型不同，=== 结果为 false
4、!= 为 == 的非运算，!== 为 === 的非运算
var num=1；
var str="1"；
var test=1；
test == num //true　相同类型　相同值
test === num //true　相同类型　相同值
test !== num //false test与num类型相同，其值也相同,　非运算肯定是false
num == str //true 　把str转换为数字，检查其是否相等。
num != str //false == 的非运算
num === str //false 类型不同，直接返回false
num !== str //true num 与 str类型不同意味着其两者不等　非运算自然是true啦

var x = "JohnJohn"; // x 是字符串
y = x.charAt(2); // h
y = x.charCodeAt(2); // 104
y = x.concat(y, y); // JohnJohn104104, x+y+y
y = x.indexOf('h'); // 2, 索引从0开始
y = x.lastIndexOf('h'); // 6
y = x.slice();
y = x.split('o'); //J,hnJ,hn
y = x.substr(2); // hnJohn
y = x.substring(2,4) // hn，[2,3]
y = x.toLocaleLowerCase(); // johnjohn,小写
y = x.toLocaleUpperCase(); // JOHNJOHN,大写
y = x.toString(); // 转成Stirng
y = x.toUpperCase(); // JOHNJOHN,大写
y = x.trim(); // JohnJohn,去除两端的空格
y = x.valueOf(); // 返回某个字符串对象的原始值

逻辑运算符

&& || !

5 流程控制语句

1分支

if else

swith case

2循环

for

continue

当次循环不执行

break

跳过循环

while

do while

do
{
需要执行的代码
}
while (条件);

do/while 循环至少会执行一次，
即使条件为 false 它也会执行一次，
因为代码块会在条件被测试前执行：

其它数据类型

function

function 方法名(){}

var 方法名 = function()

数组

object

1[]

创建时初始化, 简介只观

var arr1 = new Array('a', 'b', 'c');

创建时初始化

这两种是创建空的数组

3 var arr4 = [ ];

4 var 变量 = new Array(数组值)

常用方法

push

pop

shift

unshift

slice

截取

sort

join

concat

splice

定义了数组后对数组进行赋值，
中间如有某些下标未被使用（即未被赋值），
在遍历的时候，采用一般的 for 循环和 for...in 循环得到的结果不同。

for...in 循环会自动跳过那些没被赋值的元素，
而 for 循环则不会，它会显示出 undefined。

对象

object

1 function

2 json 格式创建一个对象

{属性名:属性值, .......}

fon in

属性名不能重复

数组去重

数组的值转换成json的属性名

日期 date

var myDate=new Date()

常用方法

Date() 返回当日的日期和时间。
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth() 从 Date 对象返回月份 (0 ~ 11)。
getFullYear() 从 Date 对象以四位数字返回年份。
getYear() 请使用 getFullYear() 方法代替。
getHours() 返回 Date 对象的小时 (0 ~ 23)。
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。

特征:弱类型语言

var

书写位置

文件末尾

head onload

DOM节点

document object model

1 获取

1 id

2 class

3 name

4 tag