Summary—【base】(JavaScript)

来源:http://www.chinese-glasses.com 作者:Web前端 人气:66 发布时间:2020-04-29
摘要:1、String篇1.1、字符串做相加运算: 10、Math对象方式使用     Math.ceil()   结果:整数  没有对数字进行四舍五入     Math.floor()  结果:整数  没有对数字进行四舍五入     Math.max

1、String篇1.1、字符串做相加运算:

10、Math对象方式使用

    Math.ceil()   结果:整数  没有对数字进行四舍五入

    Math.floor()  结果:整数  没有对数字进行四舍五入

    Math.max(n1,n2);     返回两个数字的最大值

    Math.min(n1,n2);      返回两个数字的最小值

    Math.pow(n1,n2)  返回数字的几次方

    Math.round(n2)       四舍五入

    Math.random()       随机数

Number.prototype.reduce = function (arg2) { let r1, r2, m try { r1 = this.toString().split('.')[1].length } catch (e) { r1 = 0 } try { r2 = arg2.toString().split('.')[1].length } catch (e) { r2 = 0 } m = Math.pow(10, Math.max(r1, r2)) return Math.round(this * m - arg2 * m) / m}

9、逗号运算符

    var n1=123, n2=456;  //变量的集体申明

 

style="color: #ff0000;">补充:运算符的优先级(从高到低)

   style="font-size: 15px;">——()优先级最高

    ——一元运算符  ++  -- !

    ——算术运算符   先* / % 后 +

    ——关系运算符  >  >=  <  <=

    ——相等运算符 ==   !=  ===    !==

    ——逻辑运算符  先&& 后||

3.7、数组内元素求加和

8、等号运算符

运算符 含义
= 赋值运算符
== 等于,判断变量是否相同,不关心数据类型是否相同,只关心内容是否相同
=== 全等,不仅判断内容是否相同,还要判断数据类型是否一致
!= 不等于,判断的是内容,不考虑数据类型
!== 不全等于,判断的是内容和数据类型

3、Array数组篇3.1、获取数组最大值

2、JS与HTML、CSS

    Html:  是用来制作网页,简单来说就是编写网页结构。

    CSS:用来编写网页的样式

    Javascript:   实现网页与客户之间互动的桥梁,让网页具有丰富的生命力

3.3、使用特殊字符(symbol)替换数组中的0

11、数据类型判断

——typeof(变量)  直接获取变量的数据类型

    ①NaN(not a number):number数据类型

    ②变量的取值为null:  变量的数据类型object

    ③undefined取值的变量或者变量未赋值: 数据类型为undefined

    ④infinity: 数据类型属于number类型

2、Number篇2.1、数字做相加运算

1、认识Js

    1.1 Js就是一门运行在客户端浏览器的脚本编程语言

    1.2 组成

           ECMAScript:Js的语法标准

           DOM:JS操作网页上的元素的API(应用接口),即操作网页

           BOM:JS操作浏览器的部分功能的API,即控制浏览器

    1.3特点

        ①简单易用

        ②解释执行(解释语言):JS源代码是直接通过JS引擎执行的,并且是逐行解释执行

        ③基于对象

3.5、获取数组中由自定义数量的随机元素组成的新数组。count 为所需数量

5、数据类型介绍

    5.1 简单数据类型

            ①Number类型:所有的数字(整数,小数,负数)

                表示方式:十六进制:以0x开头,同时以0—9或者a(A)—f(F)

                                    八进制:以0开头,0—7组成

            ②String(字符串类型):凡是用" "或者' '引起来的都是字符串类型

                转义字符:"     转双引号

                                   '      转单引号

                                   r      回车符

                                   n      换行

            ③Boolean(布尔类型): 取值只有两种——true 和 false

            ④NULL:值为空

            ⑤“ ” :空字符串

            ⑥undefined :未初始化——定义了变量没有给变量赋值

    5.2 复杂数据类型

           ①Object(对象)

            ②Array (数组)                  

Array.prototype.getItemByIdx = function (idx = 0) { function getArrByIdx (list, idx) { if (list.length - 1  idx) { idx -= list.length return getArrByIdx(list, idx) } else { return list[idx] } } return getArrByIdx(this, idx)}

6、比较运算符

        >    <    !=    >=    <=

    其结果:一种是true(正确的);一种是false(错误的)

Array.prototype.getRandomArrayElements = function (count) { var shuffled = this.slice(0), i = this.length, min = i - count, temp, index while (i--  min) { index = Math.floor((i + 1) * Math.random()) temp = shuffled[index] shuffled[index] = shuffled[i] shuffled[i] = temp } return shuffled.slice(min)}

17、数组

    1) 数组的概念——Js中的数组是将任意数据类型(数字、字符、布尔值等),放在一起按照一定顺序排练的集合

   2)数组的两种定义方式

1 i)var   ary=new Array();
2 ii)var  ary1=[];

    3)数组两种默认值赋值方式

 i)// var  ary=new Array(1,2,4,"asdf");//创建数组同时赋值

     // alert(ary);

 ii)// var   ary1=[1,2,3,5]; // 直接输入一个数组(称“字面量数组”)

     // alert(ary1); 

    4)下标介绍——数组中所有元素从0位置开始

    5)通过下标方式赋值及取值

1 var   ary=[];
2 ary[0]=1 ;  数组的赋值
3 alert(ary[0]);  数组的取值

    6)length 属性介绍——数组名.length用来获取数组的长度(数组中包含多少个元素)

    7)可通过for循环为数组赋值及取值

    8)数组合并方法concat介绍

                var newArray =  array.concat(ary);

    9)数组join方法介绍

                array.join();  // 默认返回的是一个逗号,值是字符串

Array.prototype.getRandomElement = function () { let lth = this.length - 0.1 return this[Math.floor(Math.random() * lth)]}

13、逻辑运算符

——注意:逻辑运算之前,必须是两个Boolean类型的数据进行 ||  && ! 运算

    13.1  ||  或 

10bet, 1)如果有一个结果为false 和一个结果为true进行或运算 结果为: true

 2)如果两个结果都为false ,  结果为false

 3)如果两个结果都为true,进行或运算后结果为 true

结果1 结果2 || 运算结果
true true true
true false true
false true true
false false false

    13.2  && 且

结果1 结果2 && 运算结果
true true true
true false false
false true false
false false false

    13.3    !非

        1)如果为true     非运算后  结果为false

        2)如果为false    非运算后 结果为true

Number.prototype.add = function (arg2) { let r1, r2, m try { r1 = this.toString().split('.')[1].length } catch (e) { r1 = 0 } try { r2 = arg2.toString().split('.')[1].length } catch (e) { r2 = 0 } m = Math.pow(10, Math.max(r1, r2)) return Math.round(this * m + arg2 * m) / m}

14、三元运算符

   14.1 语法结构——条件表达式?结果1:结果2

   14.2 含义——问号前面的位置是判断的条件,判断结果为Boolean型,为true时执行结果1,为false时执行结果2。可看成是 if....else... 的另一种写法

String.prototype.reduce = function (arg2) { let r1, r2, m try { r1 = this.toString().split('.')[1].length } catch (e) { r1 = 0 } try { r2 = arg2.toString().split('.')[1].length } catch (e) { r2 = 0 } m = Math.pow(10, Math.max(r1, r2)) return (Math.round(this * m - arg2 * m) / m).toString()}

7、JS中的运算符

+ 加

i)当两个Number类型的变量相加,结果为Number

ii)当一个Number类型的变量和一个String类型的变量相加,最后结果为字符串(加号起到的是连接的作用)

- 减

i)当两个Number类型的变量相减,结果为Number

ii)当一个Number数据类型的变量和一个数字的字符串类型变量相减,最后的结果为Number类型

* 乘

结果与减法的结果一致

/ 除

结果同上,区别:当一个数字除以0最后的结果为 infinity(Infinity: 无穷大的数字)

%       取余

获取余数。

()     优先级

有括号先算括号里面的值

2.2、数字做相减运算

12、数据类型转化

   ① 隐式类型转化

   ② 强制类型转化

12.1 字符串转化为数字

    1)隐式类型转化——只要将数字的字符串与0相减(参与运算加法运算除外)

    2) 强制类型转化——Number()   parseInt()  parseFloat()

     ①Number方式转化后:原来的数字,如果数字后面跟有非数字的字符,那么转化失败。

     ②ParseInt()方法转化后:保留的是整数部分,如果后面跟有非数字的字符,能转化成功。

     ③ParseFloat(): 还是保留原来的数字,如果数字后面跟有非数字的字符,那么转化成功。

12.2 数字转化为字符串

    1)隐式类型转化——通过prompt方法可以实现转化或者将当前数字和一个字符串相加

    2)强制类型转化—— String()  ;  变量.tostring()

12.3 其他类型转化为布尔类型

1)隐式类型转化——通过取反面实现转化

2)强制类型转化—— Boolean();

 除0外所有的数据类型都转化为true  ,0 转化为false

本文由10bet发布于Web前端,转载请注明出处:Summary—【base】(JavaScript)

关键词:

最火资讯