美文网首页让前端飞
JavaScript 字符串 & Math

JavaScript 字符串 & Math

作者: passMaker | 来源:发表于2018-07-22 16:47 被阅读8次

    字符串

    字符串就是零个或多个排在一起的字符,放在单引号或双引号之中。

    'abc'
    "abc"
    

    单引号字符串的内部,可以使用双引号。双引号字符串的内部,可以使用单引号。

    'key="value"'
    "It's a long str"
    

    多行与转义

    如果要在单引号字符串的内部,使用单引号(或者在双引号字符串的内部,使用双引号),就必须在内部的单引号(或者双引号)前面加上反斜杠,用来转义。

    'Did she say \'Hello\'?'
    // "Did she say 'Hello'?"
    
    "Did she say \"Hello\"?"
    // "Did she say "Hello"?"
    

    字符串默认只能写在一行内,分成多行将会报错。

    'a
    b
    c'
    // SyntaxError: Unexpected token ILLEGAL
    

    上面代码将一个字符串分成三行,JavaScript就会报错。

    如果长字符串必须分成多行,可以在每一行的尾部使用反斜杠。

    var longString = "Long \
    long \
    long \
    string";
    
    longString
    // "Long long long string"
    

    上面代码表示,加了反斜杠以后,原来写在一行的字符串,可以分成多行,效果与写在同一行完全一样。注意,反斜杠的后面必须是换行符,而不能有其他字符(比如空格),否则会报错。

    连接运算符(+)可以连接多个单行字符串,用来模拟多行字符串。

    var longString = 'Long '
      + 'long '
      + 'long '
      + 'string';
    

    反斜杠在字符串内有特殊含义,用来表示一些特殊字符,所以又称为转义符。

    如果字符串的正常内容之中,需要包含反斜杠,则反斜杠前需要再加一个反斜杠,用来对自身转义。

    var path = "C:\\games\\war3\\"
    

    ES6扩展

    多行字符串

    var str =  `
    你好
    我是evenyao
    `
    

    字符串模板

    var name = 'evenyao'
    var website = 'githut.com/evenyao'
    
    var str = `你好, 我是${name},${website}`
    //"你好, 我是evenyao,githut.com/evenyao"
    

    常见的字符串方法

    1. 长度计算,连接
        var str = "hello";
        console.log( str.length );
        console.log( str[0] );
        console.log( str[str.length - 1]  );
        console.log( str.charAt(0) );
        console.log( str.charCodeAt(0) );
    
        var str2 = " world";
        var str3 = str1 + str2;
        cosnole.log( str3 );
    
    1. 字符串截取
        var str = "hello world";
        var sub1 = str.substr(1, 3); // 第一个是开始位置, 第二个是长度  ell
        var sub2 = str.substring(1, 3); // 第一个是开始位置,第二个是结束位置,长度为第二个-第一个  el
        var sub3 = str.slice(1, 3); // 同上 允许负参
    

    字符串操作不会修改原来的字符串

    1. 查找
        var str = "hello my world";
        var s1 = str.search('my');   //6 找不到为-1
        var s2 = str.replace('my', 'your'); //
        var s3 = str.match('my'); //返回匹配的数组
    
    1. 大小写
        var str = "Hello";
        str.toUpperCase();
        str.toLowerCase();
    

    字符串操作不会修改原来的字符串

    1. split(‘') 字符串分割成数组
    var str="How are you doing today?";
    var n=str.split(" ");
    console.log(n)  //["How", "are", "you", "doing", "today?"]
    

    函数示例:实现一个flatten函数,将一个嵌套多层的数组 array(数组) (嵌套可以是任何层数)转换为只有一层的数组,数组中元素仅基本类型的元素或数组,不存在循环引用的情况。

    function sameFlatten(arr) { 
        return arr.toString().split(',')  //先转换成字符串1,2,3,4  然后用split(‘,’)分割为数组 [1, 2, 3, 4]即可
    } 
    console.log(sameFlatten([1,[2],[[3]], [[[4]]]]))
    

    Math

    Math对象是JavaScript的内置对象,提供一系列数学常数和数学方法。Math对象只提供了静态的属性和方法,所以使用时不用实例化

    属性

    Math对象提供以下一些只读的数学常数。

    Math.E // 2.718281828459045
    Math.LN2 // 0.6931471805599453
    Math.LN10 // 2.302585092994046
    Math.LOG2E // 1.4426950408889634
    Math.LOG10E // 0.4342944819032518
    Math.PI // 3.141592653589793
    Math.SQRT1_2 // 0.7071067811865476
    Math.SQRT2 // 1.4142135623730951
    

    方法

    round

    round方法用于四舍五入

    Math.round(0.1) // 0
    Math.round(0.5) // 1
    

    它对于负值的运算结果与正值略有不同,主要体现在对.5的处理

    Math.round(-1.1) // -1
    Math.round(-1.5) // -1
    

    abs,max,min

    abs方法返回参数值的绝对值

    Math.abs(1) // 1
    Math.abs(-1) // 1
    

    max方法返回最大的参数,min方法返回最小的参数

    Math.max(2, -1, 5) // 5
    Math.min(2, -1, 5) // -1
    

    floor,ceil

    floor方法返回小于参数值的最大整数

    Math.floor(3.2) // 3
    Math.floor(-3.2) // -4
    

    ceil方法返回大于参数值的最小整数

    Math.ceil(3.2) // 4
    Math.ceil(-3.2) // -3
    

    pow,sqrt

    pow方法返回以第一个参数为底数、第二个参数为幂的指数值

    Math.pow(2, 2) // 4
    Math.pow(2, 3) // 8
    

    sqrt方法返回参数值的平方根。如果参数是一个负值,则返回NaN

    Math.sqrt(4) // 2
    Math.sqrt(-4) // NaN
    

    log,exp

    log方法返回以e为底的自然对数值

    Math.log(Math.E) // 1
    Math.log(10) // 2.302585092994046
    

    求以10为底的对数,可以除以Math.LN10;求以2为底的对数,可以除以Math.LN2。

    Math.log(100)/Math.LN10 // 2
    Math.log(8)/Math.LN2 // 3
    

    exp方法返回常数e的参数次方

    Math.exp(1) // 2.718281828459045
    Math.exp(3) // 20.085536923187668
    

    random

    参考:关于 Math.random 的一些函数

    该方法返回0到1之间的一个伪随机数,可能等于0,但是一定小于1

    Math.random() // 0.7151307314634323

    //返回从min到max之间的 随机整数,包括min不包括max
    function randomNum(min,max){
      var s = parseInt(min + (Math.random())*(max-min))
      return s
    }
    randomNum(10,20)
    
    
    //返回从min到max之间的 随机整数,包括min,也包括max
    function randomNum(min,max){
      var s = parseInt(min + (Math.random())*(max-min+1))
      return s
    }
    randomNum(10,20)
    

    三角函数

    sin方法返回参数的正弦,cos方法返回参数的余弦,tan方法返回参数的正切。

    Math.sin(0) // 0
    Math.cos(0) // 1
    Math.tan(0) // 0
    

    asin方法返回参数的反正弦,acos方法返回参数的反余弦,atan方法返回参数的反正切。这三个方法的返回值都是弧度值。

    Math.asin(1) // 1.5707963267948966
    Math.acos(1) // 0
    Math.atan(1) // 0.7853981633974483
    

    相关文章

      网友评论

        本文标题:JavaScript 字符串 & Math

        本文链接:https://www.haomeiwen.com/subject/iizlmftx.html