JavaScript学习(二)

1. JS获取选中checkBox的值

function dd(){
	var boxes = document.getElementsByName("interest");
	for(var i=0,j=boxes.length; i<j; i++){
	  if(boxes[i].checked){
	  	alert(boxes[i].value);
	  }
	}
}

2.JS获取select的option的下标、文本、value值

function dd(){
	var obj = document.getElementById("goto");
	var ff= obj.selectedIndex;
	alert(obj.options[ff].index+"---"+obj.options[ff].text+"---"+obj.options[ff].value);
}

3.对于object对象操作与遍历

var dd = new Object();
dd.name="哈哈";
dd.age = 23;
dd.sex = "男";
for (var f in dd) {
 alert(f+" ：" +dd[f]);
};

4,对于数组的操作

• every方法（判断数组中的每个元素是否满足给出的条件，只要有一项不满足则返回false,全部都满足返回true）

var dd = new Array(2,3,4,5,6,5,4,3,2);
var result = dd.every(function(item,index,array){
	return item<10; //看数组的所有元素是否都满足条件小于10
});
alert(result);    //结果为true

• forEach方法（数组的遍历）

var result = dd.forEach(function(e){
		alert(e)
});

• map方法(遍历数组，操作元素)

var result = a.map(function(item,index,array){
		return item*2   //所有元素乘以2
});

• fifter方法（数组的过滤）

var result = a.filter(function(item,index,array){
		return item<5;//过滤出小于5的元素
});
alert(result);

• some方法（判断数组中的每个元素是否满足给出的条件，只要有一项满足就返回true,每项都不满足才返回false）

var result = a.some(function(item,index,array){
	return item < 5;
});
alert(result);

5.with()的使用

为了简化书写，我们可以使用with

with(date){
    var year = getFullYear();
    var month = getMonth()+1;
    var day = getDate();
    var week = getWeek(getDay());
   }

6. JS对于日期的处理

Date.prototype.Format = function(fmt) <pre name="code" class="javascript">var str ='({"username":"andy","age":20,"info":{"tel":"123456","cellphone":"98765"},"address":[{"city":"beijing","postcode":"222333"},{"city":"newyork","postcode":"555666"}]})';
		var user = eval(str); 
		alert(user.username);

{ var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "H+" : this.getHours(), //小时 "m+" : this.getMinutes(), //分 "s+" : this.getSeconds(), //秒 "q+" : Math.floor((this.getMonth()+3)/3), //季度 "S" : this.getMilliseconds() //毫秒 }; if(/(y+)/.test(fmt)) fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); for(var k in o) if(new RegExp("("+ k +")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length))); return fmt; }var time1 = new Date().Format("yyyy-MM-dd HH:mm:ss"); var time2 = new Date().Format("yyyy-MM-dd"); alert(time1);alert(time2);

7.JS操作Json数据

•   将JSON字符串转为json对象

var str ='{"username":"andy","age":20,"info":{"tel":"123456","cellphone":"98765"},"address":[{"city":"beijing","postcode":"222333"},{"city":"newyork","postcode":"555666"}]}';
	var user1 = eval("("+str+")");
	alert(user1.username);  //andy
	var user2 = JSON.parse(str);
	alert(user2.username);//andy

                     注意：如果一个对象本身是json对象，当他使用eval()方法转换后他还是json对象，但是如果用JSON.parse()转换后可能会抛出异常。

• 将json对象转换为json字符串

var result = JSON.stringify(user2);  //其中user2为json对象<pre name="code" class="javascript">相当于 <span style="font-family: Arial, Helvetica, sans-serif;">user2</span><span style="font-family: Arial, Helvetica, sans-serif;">.toJSONString();  //需要引入json.js   </span>

• JS遍历jSON对象

    function jxJson() {
		var obj = {
			"name" : "李逵",
			"password" : "1234567",
			"department" : "项目部",
			"sex" : "女",
			"old" : 30
		};
		for ( var p in obj) {
			alert(obj[p]);
		}
	}

• JS处理复杂一点的json对象（解析json的通用方法）

       function printAll(jsonObj) {
		for (var attName in jsonObj) {
			var attValue = obj[attName];    //获取对象中的每个属性以及value值
			if (typeof (attValue) != "object") {
				document.writeln(attName + "是" + attValue + "<br/>");
			} else {
				printAll(attValue)
			} 
		}
	}

                                                                                                                                                                                                                            九层之台，始于累土

用心      点滴      积累