简单数组 + 字符串 + 正则的方法

数组的方法  
	数组的创建方式  
		字面量 var arr =[]
		new 关键字  var arr = new Array();

	数组的属性
		length
		constructor
	
	数组转字符串的方法  切割方法
		toString()
		join()
		join(&)
	数组的首尾操作方法
		修改的都是原数组  
		新增返回的是数组的长度
		删除返回的删除的元素
		pop()  shift()
		push()   unshift()
	数组的删除插入的方法  
		改变的都是原数组
		新数组返回删除的元素
		splice()  
		一个值  截取后面的元素
		两个值  截取区间的数据  左闭右开
		三个值  截取位置 删除个数  添加

	数组的拼接数组的截取
		concat()  	
			修改的返回的都是新数组  不会改变原数组
		slice()
			返回是截取后的数组元素   不回改变原数组
			一个值   当前索引后面的元素
			两个值   起始索引位置  结束索引位置  (左闭右开)
	倒叙  和 排序
		reverse()  
			真正的倒叙排列  原数组 和 新数组都会改变
		sort() 
			原数组和新数组都会改变
			默认根据 ASCII 码  进行排序  从小到大
			
			添加函数后 可根据数值大小排序

字符串的方法
	创建的两种方式 
		字面量   var str  = "hello"
		new 关键字  var str1 = new String("hello")

	字串的属性
		length
		constructor

	字符串拼接的方法  
		+=  
		concat()    不会改变原数组  返回的是一个新的数组
	字符串转数组的方法  切割方法
		split() 
		一个值   	无参数默认转成数组中一个元素
				有参数  根据指定的参数进行转换数组
		
		两个值          第一个值 指定的切割符   第二个值 切割元素的个数
	字符串截取的方法
		返回新的字符串  
		slice()
		substring()
			没有值时截取的是 原数组
			一个值  返回截取索引值后面的元素
			两个值  返回截取 开始索引 和 结束索引之间的元素  左闭右开
		substr()
			没有值时截取的是 原数组
			一个值  返回截取索引值后面的元素
			两个值  第一个值截取的起始索引值    第二个值 截取的元素个数
			

	字符串 查找指定的字符
		charAt(7)
			一个值 索引值  查找指定索引处的值
			
		indexOf()  查找元素第一次出现的位置
			找到返回索引值  找不到返回 -1
			一个值  元素值   
				返回的是当前元素的所在索引号
			两个值  元素值   索引值
				返回指定索引区间内的元素  索引
				
		lastIndexOf()  查找元素 最后一次出现的位置
			找到返回索引值  找不到返回 -1
			一个值  元素值   
				返回的是当前元素的所在索引号
			两个值  元素值   索引值
				返回指定索引区间内的元素  索引	

	字符串转换为大小写的方法	
		toLowerCase()   转换为小写
		toUpperCase()  转换为大写

	字符串的  replace()  替换的方法 
		      search()   查找的方法

正则表达式
	创建的方式
		字面量的方式
			var patt = /[\u4e00-\u9fa5]/;   || var patt = /匹配模式/修饰符;
		new 关键字的方式
			var reg = new RegExp(/[0-9]/);  || var patt = new RegExp(/匹配模式/,修饰符);

	
	text()  方法 匹配指定字符串中是否含有指定规则的字符
		返回一个布尔值，匹配成功 返回true 否则返回false

		第一种方式
		var str = "Hello China! 你好，中国！"
       		var patt = /[\u4e00-\u9fa5]/;
        		console.log(patt.test(str));//true
        		console.log(patt.test("hehe"));//false
		
		第二种方式
        		var reg = new RegExp(/[0-9]/);
        		console.log(reg.test("hehe"));//false
        		console.log(reg.test("hehe123"));//true	

	exec() 检索字符串中的指定值
		返回符合指定规则的第一个字符或字符串信息，返回值是一个数组

		var patt = /[\u4e00-\u9fa5]/;
         	 	console.log(patt.exec("extec 检测第一个字符"));
          	返回结果   // ['检', index: 6, input: 'extec 检测第一个字符', groups: undefined]

          	console.log(patt.exec("hello world"));
          	返回结果   // null

	 match()  字符串方法。
		查找符合指定规则的字符或字符串信息，并返回一个数组

		 var patt = /[\u4e00-\u9fa5]/;
		 var str = "你好，Jack! 欢迎来到中国!";
		 var matchArr = str.match(patt);
        		console.log("matchArr:",matchArr);
		//matchArr: ["你", index: 0, input: "你好，Jack! 欢迎来到中国!"]

	正则的修饰符	
		\g  全局匹配
		\s  代表空格
		\i  忽略大小写
		\m  执行多行匹配

	正则的元字符
		/[0-9]/g  或者 /\d/g	匹配所有的数字
		/[^0-9]/g  或者  /\D/g     匹配所有非数字
		/[^asderewf] /gi 查找 任何不在方括号之间的数字
		
		
	正则的量词  案例
	检测网址符合规则案例
	<input type="text" id="url" placeholder="请输入合法的网址" value="">
<span id="tip"></span>

<script>
    // 通过 id 获取元素
    var url = document.getElementById("url");
    var tip = document.getElementById("tip");

    // 定义网址规则
    var patt = /^http(s)?:\/\/w{3}\.[A-Za-z0-9]{3,9}\.(com|cn|net)$/;

    // 表单正在输入的时间
    url.oninput = function () {
        // 输入过程进行校验
        if (patt.test(this.value)) {
            tip.innerHTML = "网址符合命名规则 √";
            // 修改文本颜色
            tip.style.color = "green"
        } else {
            tip.innerHTML = "网址不符合规则 ×";
            // 修改颜色
            tip.style.color = "red"
        }
    }

</script>