saber 酱的抱枕

Fly me to the moon

05/28
2016
学习

JavaScript根据对象的属性排序

saber 撰写 无回复 2,337次查看

JavaScript的数组有个排序方法——sort()。如果数组里的项是直接值，直接使用sort()就可以进行排序。但如果数组项是object，直接用sort()排序就无效了。此时我们可以根据object的属性来排序。

var a=[
	{
		"name":"saber",
		"height":154
	},
	{
		"name":"Rin",
		"height":159
	},
	{
		"name":"Sakura",
		"height":156
	}
];
function sortByProperty(propertyName) {
	return function(object1, object2) {
		var value1 = object1[propertyName];
		var value2 = object2[propertyName];
		if (value2 < value1) {		//升序
			return 1;
		} else if (value2 > value1) {
			return -1;
		} else {
			return 0;
		}
	}
}
a.sort(sortByProperty("height"));

如上代码，定义了一个排序函数sortByProperty，传递了属性进去就根据什么属性的值排序。

上面代码得到的结果是升序，如图：

JavaScript根据object对象的属性排序

saber最矮我不服！

如果想改成降序排列，将sortByProperty函数return 1改成-1，return -1改成1就行了。

JavaScript根据对象的属性排序

04/20
2015
学习

javascript创建对象

saber 撰写 无回复 1,075次查看

我们要创建两个“人”的对象，并且设置每个人的属性。 

<table border="1">
	<tr>
		<td>名字</td>
		<td>性别</td>
		<td>年龄</td>
		<td>喜欢</td>
		<td>身高</td>
	</tr>
	<script type="text/javascript">
		function creatMan (名字,性别,年龄,喜欢) {
			this.名字=名字;
			this.性别=性别;
			this.年龄=年龄;
			this.喜欢=喜欢;
		}
		var Saber=new creatMan('Saber','女',154,'士狼');
		var Illya=new creatMan('Illya','女',150,'士狼');

		creatMan.prototype.height = function  (height) {
			this.height=height+'cm';
		}
		Saber.height(154);
		Illya.height(150);

		document.write('<tr>')
			for(attr in Saber){
				document.write('<td>'+ Saber[attr] +'</td>')
			}
		document.write('</tr>')
		document.write('<tr>')
			for(attr in Illya){
				document.write('<td>'+ Illya[attr] +'</td>')
			}
		document.write('</tr>')
	</script>
</table>

输出如下：
js创建对象
这种创建对象的方式在w3c里称为“混合的构造函数/原型方式”，使用构造函数来完成对象的创建，并在函数中使用this来设置对象的属性，this指代当前对象。
身高这块是使用prototype追加了一个方法，在这个方法里设置了身高属性。一旦对构造函数使用prototype追加属性，则每个由该函数创建的对象也都有了该属性，即使未赋值。如果未赋值，则追加值为等号右边内容（如果右边是函数，即是函数的源代码）。
不需要对此构造函数产生的每个对象都追加属性时，用普通方法为单个对象赋值就可以了：

Saber.height='154cm';

查看w3c页面：ECMAScript 定义类或对象

javascript创建对象