#js笔记1

js笔记1

---

reduce实现的功能：

1. 需要作用到array上，起作用就是一个递归的过程，具体如下：
	[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)
	eg1：用reduce进行求和

eg2：用reduce进行求积

		<script>
        var arr=[1,2,3,4,6];
        var result=arr.reduce(function (x,y) {
            return x*y;
        });
        alert(result);
    	</script>.
	eg3：要把[1, 3, 5, 7, 9]变换成整数13579
		<script>
	        var arr=[1,2,3,4,6];
	        var result=arr.reduce(function (x,y) {
	            return x*10+y;
	        });
	        alert(result);
	    </script>
	eg4：把一个字符串13579先变成Array——[1, 3, 5, 7, 9]，再利用reduce()就可以写出一个把字符串转换为Number的函数。
		     let arr = s.split('')
			    arr = arr.map(x=>{
			      return x*1
			    })
			    return arr.reduce((x,y)=>{
			     return x*10+y
			    })
	eg5：请把用户输入的不规范的英文名字，变为首字母大写，其他小写的规范名字。输入：['adam', 'LISA', 'barT']，输出：['Adam', 'Lisa', 'Bart']。

filter方法

1. 在一个Array中，删掉偶数，只保留奇数，可以这么写： 
	 var arr = [1, 2, 4, 5, 6, 9, 10, 15];
		var r = arr.filter(function (x) {
		    return x % 2 !== 0;
		});
		r; // [1, 5, 9, 15]
2. 把一个Array中的空字符串删掉，可以这么写：

	var arr = ['A', '', 'B', null, undefined, 'C', '  '];
	var r = arr.filter(function (s) {
	    return s && s.trim(); // 注意：IE9以下的版本没有trim()方法
	});
	r; // ['A', 'B', 'C']

如果需要比较字符串,在js中无法使用equals()方法,即便idea提示可以使用,但是浏览器不会解析这个函数,而是报出这个方法没有定义的概念.例如:

1.定义两个字符串
	var s1="123456";
	var s2="123455";
	比较两个字符创相等
	if(s1.valueOf==s2.valueOf){
		TODO;
	}
day9.17 
2.  需要用js实现的功能：用正则表达式进行判断用户输入的数据是否正确：

	   <div class="panel-body bg-light p25 pb15">
                    <div class="section">
                            <label for="sn" class="field-label text-muted fs18 mb10">工号</label>
                            <label for="sn" class="field prepend-icon">
                                <input type="text" name="sn" id="sn" class="gui-input" onblur="check()" placeholder="请输入工号...">
                                <label for="sn" class="field-icon">
                                    <i class="fa fa-user"></i>
                                </label>
                                <div id="user_span" align="center" >
                                    <span id="userSpan" disabled="false"></span>
                                </div>
                            </label>
                        </div>




	function check() {
                var sn=document.getElementById("sn").value;
                var spanU=document.getElementById("userSpan");
                //6位的数字和字母
                var regx=/^w{5}$/;
                if (regx.test(sn)) {
                    spanU.innerHTML = "正确".fontcolor("green");
                    setTimeout(function () {
                        document.getElementById("userSpan").innerHTML='<span id="userSpan" disabled="true"></span>';
                    },2000);
                    return true;
                }else {
                    spanU.innerHTML="错误".fontcolor("red");
                    setTimeout(function () {
                        document.getElementById("userSpan").innerHTML='<span id="userSpan" disabled="true"></span>';
                    },2000);

                    return false;
                }
        }

使用js中的setTimeout方法，里面再嵌套方法来设置等待两秒后，设置span元素中的disabled属性为true。

使用jquery的方法


js下如果想页面跳转，可以使用location.assign("https://www.baidu.com")

同理也可以使用location.href="https://www.baidu.com";
location.reload()不支持任何参数，是个空参的函数，作用是重新刷新该页面重新加载

---

如果点击提交或者登陆等按钮页面没有刷新或者跳转的动作的时候，先从button开始找原因，看是否btn的属性是否是summit，这个summit和action是相连的。

---

js获取下拉框里面选中的数据，如果是单选的话
var pLevel=$("#proLevel option:selected").val();
如果是多选的话：
var keyword = [];
    $("#proKeyword :selected").each(function(){
        keyword.push($(this).val());
    });

通过ajax向后台传送数组：

后台接收数组

@RequestParam("keyword[]") String[] keyword

字符串数组转化问字符串，无缝转化