JavaScript基础07--Math、Array、String内置对象介绍

内置对象

JavaScript中的对象分为3种：内置对象、自定义对象、浏览器对象

JavaScript 提供多个内置对象：Math/Array/Date…

对象只是带有属性和方法的特殊数据类型。

Math对象

Math对象具有数学常数和函数的属性和方法，都是以静态成员的方式提供

跟数学相关的运算来找Math中的成员（求绝对值，取整，获取随机数等等）

Math.PI						// 圆周率
Math.random()				// 生成一个0到1之间的随机小数（含0，不含1）
Math.floor()/Math.ceil()	 // 向下取整/向上取整
	Math.floor(3.8);	//3
	Math.floor(3.3);	//3
	Math.floor(3);		//3
	Math.floor(-3.3);	//-4
Math.round()				// 取整，四舍五入
Math.abs()					// 绝对值
Math.max()/Math.min()		 // 求最大和最小值
Math.min.apply(Math,arr)    //求数组中的最小值， 参数1可以写null，参数2 传入一个数组
Math.sin()/Math.cos()		 // 正弦/余弦
Math.pow()/Math.sqrt()	 // 求指数次幂/求平方根
	Math.pow(x, y)	//求x的y次方
	Math.pow(3,2);	//结果就是9（3的2次方
	Math.pow(2,3);	//8（2的3次方）
	Math.sqrt(x);	

Date对象

创建 Date 实例用来处理日期和时间。Date 对象基于1970年1月1日（世界标准时间）起的毫秒数。

获取当前时间，UTC世界时间，距1970年1月1日（世界标准时间）起的毫秒数
var now = new Date();
console.log(now.valueOf());	// 获取距1970年1月1日（世界标准时间）起的毫秒数

Date构造函数的参数
1. 毫秒数 1498099000356		new Date(1498099000356)
2. 日期格式字符串  '2015-5-1'	 new Date('2015-5-1')
3. 年、月、日……				  new Date(2015, 4, 1)   // 月份从0开始

• 获取日期的毫秒形式

  var now = new Date();
  // valueOf用于获取对象的原始值
  console.log(date.valueOf())	
  
  // HTML5中提供的方法，有兼容性问题
  var now = Date.now();	
  
  // 不支持HTML5的浏览器，可以用下面这种方式
  var now = + new Date();			// 调用 Date对象的valueOf() 
  

• 日期格式化方法

  .toString()		// 转换成字符串
  .valueOf()		// 获取毫秒值
  

• 获取日期指定部分

  .getTime()  	  // 返回毫秒数和valueOf()结果一样
  .getMilliseconds() 
  .getSeconds()  // 返回0-59
  .getMinutes()  // 返回0-59
  .getHours()    // 返回0-23
  .getDay()      // 返回星期几 0周日   6周6
  .getDate()     // 返回当前月的第几天
  .getMonth()    // 返回月份，***从0开始***
  .getFullYear() //返回4位的年份  如 2016
  

Array对象

• 创建数组对象的两种方式

  • 字面量方式： [值1，值2，值3，… ]

  • 实例化方式： new Array(值1，值2，值3，… )

    // 1. 使用构造函数创建数组对象
    // 创建了一个空数组
    var arr = [];
    var arr = new Array();
    // 创建了一个数组，里面存放了3个字符串
    var arr = new Array('zs', 'ls', 'ww');
    // 创建了一个数组，里面存放了4个数字
    var arr = new Array(1, 2, 3, 4);
    
    // 2. 使用字面量创建数组对象
    var arr = [1, 2, 3];
    
    // 获取数组中元素的个数
    console.log(arr.length);
    

• 检测一个对象是否是数组

  • instanceof
  • Array.isArray() HTML5中提供的方法，有兼容性问题
    函数的参数，如果要求是一个数组的话，可以用这种方式来进行判断

• toString()/valueOf()

  • .toString() 把数组转换成字符串，逗号分隔每一项
  • .valueOf() 返回数组对象本身

• 数组属性
  .length 获取数组的长度（元素个数），实际就是最大下标加1；

• 数组常用方法

  1 栈操作(先进后出)
  .push()		//将一个或多个数据加入到数组的末端
  .pop() 		//取出数组中的最后一项，修改length属性
  
  2 队列操作(先进先出)
  .unshift() 	//在数组最前面插入项，返回数组的长度
  .shift()	//取出数组中的第一个元素，修改length属性
  
  3 排序方法
  .reverse()	//翻转数组
  
  4 操作方法
  .concat()  	//把参数拼接到当前数组，返回一个新数组，当前数组不会改变。
  .slice(start,end) 	//从当前数组中截取一个新的数组，不影响原来的数组，参数start从0开始,end从1开始，但是不包括1
  
  .splice(start,deleteCount,options)	//删除或替换当前数组的某些项目，参数start（开始位置）, deleteCount（需要截取的个数）, options(要替换的项目),返回的是被截取的数据。
  
  5 位置方法
  .indexOf(值)；//从开始位置往后找数组中的值，找到返回的是该值的第一个位置，如果没找到返回-1；
  .lastIndexOf(值) ；  //从结束位置往前找数组中的值，找到返回的是该值的第一个位置，如果没找到返回-1；
  
  6 迭代方法 不会修改原数组(可选)  html5
  .forEach() //对数组进行遍历
  var a = [1,2,3];
  a.forEach(function(i){
      console.log(i); //输出数组中的每一个值 i代表数组中的每一个值
  });
  
  7 方法将数组的所有元素连接到一个字符串中。
  .join() //将数组转换成字符串，返回一个字符串，原数组不变。
  

• 清空数组

  // 方式1 推荐 
  arr = [];
  // 方式2 
  arr.length = 0;
  // 方式3
  arr.splice(0, arr.length);
  

String对象

• 创建字符串对象

  var str = new String('Hello World');
  
  // 获取字符串中字符的个数
  console.log(str.length);
  

• 字符串对象的常用方法

  1 字符方法
  charAt()    	//获取指定位置处字符，原字符串不会改变
  charCodeAt()  	//获取指定位置处字符的ASCII码
  str[0]   		//HTML5，IE8+支持 和charAt()等效
  2 字符串操作方法
  concat()   		//拼接字符串，等效于+，+更常用
  slice(start,end)*    		//从start位置开始，截取到end位置，end取不到
    'abcdefg'.slice(2,5);	//结果：'cde'
  substring() 	//从start位置开始，截取到end位置，  end取不到
    同slice方法
    
  substr(start,length)*   		//从start位置开始，截取length个字符,如果没有length参数，则截取到最后
  	'abcdefg'.substr(2,4);	//'cdef'
  	'abcdefg'.substr(2);	//'cdefg'
  3 位置方法
  
  indexOf()*   	//返回指定内容在原字符串中的位置，如果想要让这个方法有意义，调用的字符串必须大于传入的字符串。-1代表没有这个字符。
    'abcdefgabc'.indexOf('b');	//1
  
  lastIndexOf() 	//从后往前找，只找第一个匹配的字符的位置
    'abcdefgabc'.lastIndexOf('b');	//8
  
  4 去除空白   
  trim()  		//去除字符串前后的空白(包括空格，回车符，换行符，tab符)
    '  ab  cd  ef  '.trim();	//'ab  cd  ef'
  
  5 大小写转换方法
  toUpperCase() 	//转换为大写
  toLowerCase() 	//转换为小写
  
  6 其它
  search() 		//查找，返回找到的位置
    'abcdefgabc'.search('cd');	//2;	//虽然有两个字符，但都只算最前面的字符的位置
  
  replace()		//替换，注意：一次只能替换一个
    'abcdefgabc'.replace('b', "B");		//'aBcdefgabc'
  
  split()*			//将字符串以指定的字符分割为数组
    'abcdefgabc'.split('b');	//结果是数组：['a','cdefga','c']
    'abcdefgabc'.split('defg');	//结果是数组：['abc','abc']