Math&数组&Date

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
Math.round(-1.6) // -2

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(地板，往下降)方法返回小于参数值的最大整数

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方法）

该方法返回0到1之间的一个伪随机数，可能等于0，但是一定小于1
Math.random() // 0.7151307314634323

// 返回给定范围内的随机数
function getRandomArbitrary(min, max) {
  return Math.random() * (max - min) + min;
}

// 返回给定范围内的随机整数[min,max]
function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

//得到50个由[min,max]之间随机数，组成的数组
function random(min,max){
  return Math.floor(Math.random()*(max - min + 1)) + min
}

var arr = []
for(var i=0;i<50;i++){
  arr.push(random(5,10))
//push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。
}

//生成一个长度为 n 的随机字符串，字符串字符的取值范围包括0到9，a到 z，A到Z。
function random(a,b){
  return a + Math.floor(Math.random()*(b-a)) 
}
function randomStr(len){
  var dict =  '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ' 
  var str = ''
  for(var i=0;i<len;i++){
    str += dict[random(0,62)]
  }
  return str
}

//得到一个随机IP地址0.0.0.0 ~ 255.255.255.255
function random(a,b){
  return a + Math.floor(Math.random()*(b-a)) 
}
function randomIP(){
  var arr = []
  for(var i=0;i<4;i++){
    arr.push(random(0,256))
  }
  return arr.join('.')
}

三角函数
sin方法返回参数的正弦，cos方法返回参数的余弦，tan方法返回参数的正切。
asin方法返回参数的反正弦，acos方法返回参数的反余弦，atan方法返回参数的反正切。这三个方法的返回值都是弧度值。

数组

数组是值的有序集合，由于弱类型的原因，JavaScript中数组十分灵活、强大，不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素，JavaScript在同一个数组中可以存放多种类型的元素，而且长度也是可以动态调整的，可以随着数据增加或减少自动对数组长度做更改。

使用字面量方式创建数组

1.使用方括号，创建空数组，等同于调用无参构造函数

var a4 = [];

2.使用中括号，并传入初始化数据，等同于调用带有初始化数据的构造函数

var a5 = [10];

注意：使用字面量方式，无论传入几个参数，都会把参数当作初始化内容

数组的索引与长度

数组的值可以通过自然数索引访问进行读写操作，

var a1 = [1,2,3,4];
console.log(a1[0]); //1
var i=1;
console.log(a1[i]); //2
console.log(a1[++i]); //3

数组也是对象，数组会把索引值转换为对应字符串（1=>”1”）作为对象属性名，所以其实负数，甚至非数字”索引“都是允许的，只不过这些会变成数组的属性，而不是索引

var a = new Array(1,2,3);
a[-10]="a[-10]";
a["sss"]="sss";

a.length=3

所有的索引都是属性名，但只有自然数（有最大值）才是索引，一般我们在使用数组的时候不会出现数组越界错误也正是因为此，数组的索引可以不是连续的，访问index不存在的元素的时候返回undefined

var a = new Array(1,2,3);
a[100] = 100;
console.log(a.length); //101
console.log(a[3]); //undefined
console.log(a[99]); //undefined
console.log(a[100]); 100

数组的length属性同样是个可写的属性,

当强制把数组的length属性值设置为小于等于最大index值时，数组会自动删除indexd大于等于length的数据

如果把length设置为大于最大index+1的值的时候，数组也会自动扩张，但是不会为数组添加新元素，只是在尾部追加空空间

a.length=5;
console.log(a); //[1,2] //后面没有3个undefined

元素添加/删除

1.基本方法
添加：直接使用索引就可以（index没必要连续）

var a=new Array(1,2,3);
a[3]=4;
console.log(a);//[1, 2, 3, 4]

删除：使用删除对象属性的方法,使用delete 删除数组元素
不改变数组长度，也不会改变其他数据的index和value对应关系

delete a[2];

2.栈方法
使用pop和push模拟堆栈，先入后出使用数组（从队尾添加，从队尾删除），（pop方法删除最后一个元素后，后面元素的index都自动减一，数组length同时减一）

var a = new Array(1,2,3);
a.push(4);
console.log(a);//[1, 2, 3, 4]
console.log(a.length);//4
console.log(a.pop());//4
console.log(a); //[1, 2, 3]
console.log(a.length);//3

3.队列方法
shift／unshift 实现从队头删除，从队头添加
故可使用shift/push模拟队列，先入先出使用数组（从队头删除，从队尾添加）

var a=new Array(1,2,3);
a.unshift(4);
console.log(a);//[4, 1, 2, 3]
console.log(a.shift());//4 从头删除，返回删除的值
console.log(a); //[1, 2, 3]

4.一次性解决数组添加、删除的终极神器:splice

JavaScript提供了一个splice方法用于一次性解决数组添加、删除（这两种方法一结合就可以达到替换效果），方法有三个参数

1.开始索引
2.删除元素的个数(更准确的说是删除动作执行了多少次)
3.增加的新元素，可以写多个

splice方法返回一个由删除元素组成的新数组，没有删除则返回空数组

var a = new Array(1,2,3,4,5);
console.log(a.splice(1,3));//[2, 3, 4]
console.log(a.length);//2
console.log(a);//[1,5]

join(char)

把数组元素（对象调用其toString()方法）使用参数作为连接符连接成一字符串，不会修改原数组内容

var a = new Array(1,2,3,4,5);
console.log(a.join(',')); //1,2,3,4,5
console.log(a.join(' ')); //1 2 3 4 5

slice(start,end)

用于返回数组中一个片段或子数组，slice不会改变原数组，而是返回一个新的数组,新数组内的值[start，end）
如果参数出现负数，则从数组尾部计数

concat(array)

用于拼接数组，a.concat(b)返回一个a和b共同组成的新数组

reverse()

将数组逆序，与之前不同的是它会修改原数组

sort

用于对数组进行排序，无参数时默认按字母表升序排序，会改变原数组
如果想按照自己定义方式排序，可以传一个排序方法进去

sort内部使用快速排序，当设置参数时，把正在比较的两个参数传入自定义方法并调用（正在比较的两个数会传给自定义方法的v1、v2），如果返回值大于0表示v1 > v2，如果等于0，表示v1 = v2，如果小于0，表示v1 < v2，其实我们传入的方法就是告诉sort怎么比较两个元素谁大谁小，至于排序移动元素过程人家写好了

//对数组a从小到大排列
var a = new Array(7,8,9,10,11);
a.sort(function(v1,v2){
    return v1-v2;
});
console.log(a);//[7, 8, 9, 10, 11]

//对数组a从大到小排列
var a = new Array(7,8,9,10,11);
a.sort(function(v1,v2){
    return v2-v1;
});

//对数组students按照age从小到大排序
var students = [
  {name: 'a', age: 10},
  {name: 'b', age: 18},
  {name: 'c', age: 20},
  {name: 'd', age: 22},
  {name: 'e', age: 13}
]
 students.sort(function(s1,s2){
  return s1.age - s2.age
 })
 console.log(students)

//对数组students按照name从小到大排序
var students = [
  {name: 'c', age: 10},
  {name: 'b', age: 18},
  {name: 'q', age: 20},
  {name: 'a', age: 22},
  {name: 'e', age: 13}
]
 students.sort(function(s1,s2){
  if(s1.name > s2.name){
    return 1
  }else{
    return -1
  }
 })
 console.log(students)

ES5 数组拓展(IE8)

Array.isArray(obj)
这是Array对象的一个静态函数，用来判断一个对象是不是数组

.indexOf(element) / .lastIndexOf(element)
用于查找数组内指定元素位置，查找到第一个后返回其索引，没有查找到返回-1，indexOf从头至尾搜索，lastIndexOf反向搜索。

.forEach(function(element, index, array){ })
遍历数组，参数为一个回调函数，回调函数有三个参数：
(当前元素e，当前元素索引值i，整个数组array）

var a = new Array(1,2,3,4,5,6);

a.forEach(function(e,i,array){
  array[i]= e + 1;
});

console.log(a); //[2, 3, 4, 5, 6, 7]

.every(function(element, index, array)) /
.some(function(element, index, array))

这两个函数类似于逻辑判定，回调函数返回一个布尔值

every是所有函数的每个回调函数都返回true的时候才会返回true，当遇到false的时候终止执行，返回false

some函数是“存在”有一个回调函数返回true的时候终止执行并返回true，否则返回false

在空数组上调用every返回true，some返回false

var a=new Array(1,2,3,4,5,6);

console.log(a.every(function(e, i, arr){
return e < 5;
}));

console.log(a.some(function(e,i,arr){
  return e > 4;
}));

.map(function(element))

与forEach类似，遍历数组，回调函数返回值组成一个新数组返回，新数组索引结构和原数组一致，原数组不变

var a = [1,2,3,4,5]

var aa = a.map(function(e){
  return e*e
})
console.log(aa) //[1, 4, 9, 16, 25]

.filter(function(element))

返回数组的一个子集，回调函数用于逻辑判断是否返回，返回true则把当前元素加入到返回数组中，false则不加

新数组只包含返回true的值，索引缺失的不包括，原数组保持不变

var a = [1,2,-3,4,-5]
var aa = a.filter(function(e){
      return e<0
})

console.log(aa); //[-3, -5]

//过滤出username中包含a的用户
var students = [
{username:'aa',age:20},
{username:'ba',age:10},
{username:'cc',age:20},
{username:'da',age:19},
{username:'fghjka',age:26},
{username:'oh',age:20},
]
students.filter(function(e){
  return e['username'].indexOf('a') > -1 
})

**.reduce(function(v1, v2), value) / .reduceRight(function(v1, v2), value)

遍历数组，调用回调函数，将数组元素组合成一个值，reduce从索引最小值开始，reduceRight反向，方法有两个参数

回调函数：把两个值合为一个，返回结果

value，一个初始值,可选

var a = new Array(1,2,3,4,5,6);

console.log(a.reduce(function(v1, v2){
return v1 + v2;
})); // 21

console.log(a.reduceRight(function(v1, v2){
return v1 - v2;
}, 100)); // 79

Date

最后编辑于：2017.12.08 20:44:23

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 211,194评论 6赞 490
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 90,058评论 2赞 385
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 156,780评论 0赞 346
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 56,388评论 1赞 283
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 65,430评论 5赞 384
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 49,764评论 1赞 290
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 38,907评论 3赞 406
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 37,679评论 0赞 266
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 44,122评论 1赞 303
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 36,459评论 2赞 325
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 38,605评论 1赞 340
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 34,270评论 4赞 329
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 39,867评论 3赞 312
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 30,734评论 0赞 21
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 31,961评论 1赞 265
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 46,297评论 2赞 360
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 43,472评论 2赞 348