让前端飞

JavaScript 字符串 & Math

2018-07-22  本文已影响8人  passMaker

字符串

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

'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
上一篇 下一篇

猜你喜欢

热点阅读