js基础知识点

我们两清 提交于 2020-02-27 07:11:13

1. 变量声明:

  var 变量名;

J avaScript基础数据类型 

包括原始类型和引用类型

原始类型有5个:
Number(数值) String(字符串) Boolean(布尔) Null(空) Undefined(未定义)
引用类型有1个:
Object(对象)

通过typeof(x)可以返回一个变量x的数据类型;
注意一点:typeof运算符对于null类型返回的是object

2.函数

1.函数:函数就是可以重复执行的代码块。

2.语法:function 函数(){}

3.调用:函数定义了,一定要调用

4.形参,实参,实参写在调用函数的括号里,实参写在定义函数括号里

5,返回值 return  返回值返回了要接收,接受的是调用函数。

6,Js不能重载(就是两个函数名相同,下面的函数会把上面的函数覆盖)

7.匿名函数 function(){}

没有函数名,一般要与变量或者事件结合起来使用

8.作用域:全局变量,局部变量。

局部变量只能在函数内部使用。代码执行完,定义的变量也就消失了。

全局变量可以在任何地方使用。

3.循环

   while循环 while用于循环作用基本一致,通常用来循环数组

   语法:while(条件){循环体} 

  ② do while循环,do while 是while的一个亲戚,它在循环开始前先执行一次操作,然后才进行判断,true就继续执行,false就结束循环

     语法:do{循环体}while(条件)

  ③语法:for(表达式1;表达式2;表达式3){ 循环体}

   嵌套循环:内城循环控制每列,外层循环控制行

 4.数组

     1.基本知识:

            var a = 23;

 

            var b = 24;

 

            var c = 25;

 

           var arr = [23,24,25];

 

           数组是从0开始记录下标的;数组下标的最大值,从0开始,到数组个数-1;比如,如果数组有20个,则最大下标为20-1 = 19。取值 arr[下标];赋值

 

           实例:arr[0] = 29;

 

          属性:length(求得数字的长度);用法: arr.length

 

             技巧:

 

        在否循环中用到arr.length的时候

 

          for(var i = 0; i < arr.length; i++)不妨写成 var len = arr.length;然后在再for(var i = 0; i < len; i++)因为后者效率更高,代码书写习惯好。

      2.创建数组:

             var arr = [];//创建空数组
             var arr = [1,"{1,2}","string"];//创建一个数组并赋值
             var arr = new Array(); //创建一个空数组 []
             var arr = new Array(5); //创建一个length为5的数组 [undefined, undefined, undefined, undefined, undefined]
             var arr = new Array(1,2,3,4,5); //创建数组并赋值 [1,2,3,4,5]
             var arr = Array.of(7); // 创建数组并赋值 [7]
            var arr = Array.of(1, 2, 3); // 创建数组并赋值 [1, 2, 3]

      3. 数组属性:

          length,length属性表示数组的长度,即其中元素的个数。avaScript数组的length属性是可变的,当length属性被设置得更大时,整个数组的状态事实上不会发生变化,仅仅是length属性变大;当length属性被设置得比原来小时,则原先数组中索引大于或          等于length的元素的值全部被丢失。

     二维数组 

      1、二维数组的一般表示方法
         var arr[3][4]={{1,2,3,4},{5,6,7,8},{9,10,11,12}}//表示为一个3行4列的数组


         var  brr[3][4]={1,2,4,5,6,7,8,9,10};//这种方式表示的居多


         var crr[][4]={1,2,3,4,5,6,7,8,9,10};//自动计算行数

      

         Arrays的使用
           遍历: toString() 将数组的元素以字符串的形式返回
            排序: sort() 将数组按照升序排列
            查找: binarySearch()在指定数组中查找指定元素,返回元素的索引,如果没有找到返回(-插入点-1) 注意:使用查找的功能的时候,数组一定要先排序。
        二维数组:实质就是存储是一维数组。

           数组定义:
         数组类型[][] 数组名 = new 数组类型[一维数组的个数][每一个一维数组中元素的个数];
        数组的初始化:
              静态初始化:
           int [ ][ ] a = new int[ ][ ]{ {12,34,45,89},{34,56,78,10},{1,3,6,4} };
        动态初始化:
     5.API

      1.string(arr):将数组中的每个人元素都转化为字符串,再用,号链接

         2.arr.join(“自定义连接符”)

          注意:固定套路 无缝拼接:arr.join(“”)

         3.拼接:

           将其他元素或另一组数组,拼接到当前数组中的结尾

           newArr=arr .concat(value1,value2,......)         

          选取:

            arr  . slice( starti, end+1)

            

 1、indexOf()方法

                格式:1、str.indexOf(ch);

                          2、str.indexOf(ch,fromIndex); //包含fromIndex位置

                格式1返回指定字符在字符串中第一次出现位置的索引  

                格式2返回指定索引位置之后第一次出现该字符的索引号

           2、lastIndexOf()方法

                格式:1、str.lastIndexOf(ch);

                          2、str.lastIndexOf(ch,fromIndex);

                格式1返回指定字符在字符串中最后一次出现位置的索引

                格式2返回指定索引位置之前最后一次出现该字符的索引号

   (2)   查找字符串出现的位置

          1、indexOf()方法  

               格式:1、str.indexOf(str);

                         2、str.indexOf(str,fromIndex);

               格式1返回指定子字符串在字符串中第一次出现位置的索引

               格式2返回指定索引位置之前第一次出现该子字符串的索引号

           2、lastIndexOf()方法

                格式:1、str.lastIndexOf(str);

                          2、str.lastIndexOf(str,fromIndex); 

                格式1返回指定子字符串在字符串中最后一次出现位置的索引

                格式2返回指定索引位置之前最后一次出现该子字符串的索引号
         

        6.Math对象

           

          方法:

            Math.pow(n,m):求n的m次方;

            Math.abs(n):求n的绝对值;

           Math.round(n):求n四舍五入的值;

           Math.floor(n):求n的向下取整,不大于n的最大整数;Math.floor(1.6)= 1;

            Math.ceil(n):求n的向上取整,不小于n的最小整数;Math.ceil(0.2) = 1;

           Math.rendom():获取一个0-1之间的随机数,注意能取到0但不能取到1;

               公式:

               求任意两个数之间的随机数:Math.floor(Math.rendom()*(大数-小数+1)+小数);


    7. 正则

一、校验数字的表达式

1 数字:^[0-9]*$ 

2 n位的数字:^\d{n}$

3 至少n位的数字:^\d{n,}$ 

4 m-n位的数字:^\d{m,n}$ 

5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 

6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 

7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$ 

8 正数、负数、和小数:^(\-|\+)?\d+(\.\d+)?$ 

9 有两位小数的正实数:^[0-9]+(.[0-9]{2})?$

10 有1~3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$

11 非零的正整数:^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?[1-9][0-9]*$

12 非零的负整数:^\-[1-9][]0-9"*$ 或 ^-[1-9]\d*$

13 非负整数:^\d+$ 或 ^[1-9]\d*|0$

14 非正整数:^-[1-9]\d*|0$ 或 ^((-\d+)|(0+))$

15 非负浮点数:^\d+(\.\d+)?$ 或 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$

16 非正浮点数:^((-\d+(\.\d+)?)|(0+(\.0+)?))$ 或 ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$

17 正浮点数:^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 或 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$

18 负浮点数:^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 或 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$

19 浮点数:^(-?\d+)(\.\d+)?$ 或 ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$

二、校验字符的表达式

1 汉字:^[\u4e00-\u9fa5]{0,}$ 

2 英文和数字:^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$ 

3 长度为3-20的所有字符:^.{3,20}$ 

4 由26个英文字母组成的字符串:^[A-Za-z]+$ 

5 由26个大写英文字母组成的字符串:^[A-Z]+$ 

6 由26个小写英文字母组成的字符串:^[a-z]+$ 

7 由数字和26个英文字母组成的字符串:^[A-Za-z0-9]+$ 

8 由数字、26个英文字母或者下划线组成的字符串:^\w+$ 或 ^\w{3,20}$ 

9 中文、英文、数字包括下划线:^[\u4E00-\u9FA5A-Za-z0-9_]+$

10 中文、英文、数字但不包括下划线等符号:^[\u4E00-\u9FA5A-Za-z0-9]+$ 或 ^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$

11 可以输入含有^%&',;=?$\"等字符:[^%&',;=?$\x22]+

12 禁止输入含有~的字符:[^~\x22]+

三、特殊需求表达式

1 Email地址:^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$ 

2 域名:[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.? 

3 InternetURL:[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ 

4 手机号码:^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$ 

5 电话号码("XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX):^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$  

6 国内电话号码(0511-4405222、021-87888822):\d{3}-\d{8}|\d{4}-\d{7} 

7 身份证号(15位、18位数字):^\d{15}|\d{18}$ 

8 短身份证号码(数字、字母x结尾):^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$ 

9 帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$

10 密码(以字母开头,长度在6~18之间,只能包含字母、数字和下划线):^[a-zA-Z]\w{5,17}$

11 强密码(必须包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间):^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$

12 日期格式:^\d{4}-\d{1,2}-\d{1,2}

13 一年的12个月(01~09和1~12):^(0?[1-9]|1[0-2])$

14 一个月的31天(01~09和1~31):^((0?[1-9])|((1|2)[0-9])|30|31)$

15 钱的输入格式:

16 1.有四种钱的表示形式我们可以接受:"10000.00" 和 "10,000.00", 和没有 "分" 的 "10000" 和 "10,000":^[1-9][0-9]*$

17 2.这表示任意一个不以0开头的数字,但是,这也意味着一个字符"0"不通过,所以我们采用下面的形式:^(0|[1-9][0-9]*)$

18 3.一个0或者一个不以0开头的数字.我们还可以允许开头有一个负号:^(0|-?[1-9][0-9]*)$

19 4.这表示一个0或者一个可能为负的开头不为0的数字.让用户以0开头好了.把负号的也去掉,因为钱总不能是负的吧.下面我们要加的是说明可能的小数部分:^[0-9]+(.[0-9]+)?$

20 5.必须说明的是,小数点后面至少应该有1位数,所以"10."是不通过的,但是 "10" 和 "10.2" 是通过的:^[0-9]+(.[0-9]{2})?$

21 6.这样我们规定小数点后面必须有两位,如果你认为太苛刻了,可以这样:^[0-9]+(.[0-9]{1,2})?$

22 7.这样就允许用户只写一位小数.下面我们该考虑数字中的逗号了,我们可以这样:^[0-9]{1,3}(,[0-9]{3})*(.[0-9]{1,2})?$

23 8.1到3个数字,后面跟着任意个 逗号+3个数字,逗号成为可选,而不是必须:^([0-9]+|[0-9]{1,3}(,[0-9]{3})*)(.[0-9]{1,2})?$

24 备注:这就是最终结果了,别忘了"+"可以用"*"替代如果你觉得空字符串也可以接受的话(奇怪,为什么?)最后,别忘了在用函数时去掉去掉那个反斜杠,一般的错误都在这里

25 xml文件:^([a-zA-Z]+-?)+[a-zA-Z0-9]+\\.[x|X][m|M][l|L]$

26 中文字符的正则表达式:[\u4e00-\u9fa5]

27 双字节字符:[^\x00-\xff] (包括汉字在内,可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1))

28 空白行的正则表达式:\n\s*\r (可以用来删除空白行)

29 HTML标记的正则表达式:<(\S*?)[^>]*>.*?</\1>|<.*? /> (网上流传的版本太糟糕,上面这个也仅仅能部分,对于复杂的嵌套标记依旧无能为力)

30 首尾空白字符的正则表达式:^\s*|\s*$或(^\s*)|(\s*$) (可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式)

31 腾讯QQ号:[1-9][0-9]{4,} (腾讯QQ号从10000开始)

32 中国邮政编码:[1-9]\d{5}(?!\d) (中国邮政编码为6位数字) 33 IP地址:\d+\.\d+\.\d+\.\d+ (提取IP地址时有用) 34 IP地址:((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)) 

    

  

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!