本文目录一览:
- 1、JavaScript比较两个对象是否相等几个例子
- 2、js代码怎么比较柱状的数值的大小赋予柱状不同颜色
- 3、js做对比的!代码如下
- 4、JS代码,任意输入两个数字比较大小,并输出最大值
- 5、用javascript如何比较10本书价格高低
JavaScript比较两个对象是否相等几个例子
本js代码通过对js对象进行各方面的比较来判断两个对象是否相等
cmp = function( x, y ) {
// If both x and y are null or undefined and exactly the same
if ( x === y ) {
return true;
}
// If they are not strictly equal, they both need to be Objects
if ( ! ( x instanceof Object ) || ! ( y instanceof Object ) ) {
return false;
}
//They must have the exact same prototype chain,the closest we can do is
//test the constructor.
if ( x.constructor !== y.constructor ) {
return false;
}
for ( var p in x ) {
//Inherited properties were tested using x.constructor === y.constructor
if ( x.hasOwnProperty( p ) ) {
// Allows comparing x[ p ] and y[ p ] when set to undefined
if ( ! y.hasOwnProperty( p ) ) {
return false;
}
// If they have the same strict value or identity then they are equal
if ( x[ p ] === y[ p ] ) {
continue;
}
// Numbers, Strings, Functions, Booleans must be strictly equal
if ( typeof( x[ p ] ) !== "object" ) {
return false;
}
// Objects and Arrays must be tested recursively
if ( ! Object.equals( x[ p ], y[ p ] ) ) {
return false;
}
}
}
for ( p in y ) {
// allows x[ p ] to be set to undefined
if ( y.hasOwnProperty( p ) ! x.hasOwnProperty( p ) ) {
return false;
}
}
return true;
};
使用:
objA={
a:'123',
b:'456'
};
objB={
a:'123',
b:'000'
};
var isEqual= cmp(objA, objB);
console.log(isEqual); // false 不相同
js代码怎么比较柱状的数值的大小赋予柱状不同颜色
你好!
为不同数据的柱状图赋值对应的颜色,只需要设置series-data中每个元素的color属性即可。
//定义一个颜色数组
var COLORS = ['#4dc9f6','#f67019','#f53794','#537bc4','#acc236','#166a8f','#00a950','#58595b','#8549ba'];
//根据数值返回对应的颜色值
var getColorByData = function(v) {
return v 80 ? COLORS[0]
: v 83 ? COLORS[1]
: v 86 ? COLORS[2]
: v 87 ? COLORS[3]
: v 88 ? COLORS[4]
: v 89 ? COLORS[5]
: COLORS[6];
}
//对图表数据进行color属性赋值,用于显示
var genData = function(data) {
if(data data.length0) {
for(var i=0;idata.length;i++){
data[i].color = getColorByData(data[i].y);
}
}
return data;
}
//图表数据
var _data = [
{
name: "下车体1#",
y: 88,
},
{
name: "下车体2#",
y: 89,
},
{
name: "下车体3#",
y: 82,
},
{
name: "下车体4#",
y: 85,
},
];
Highcharts.chart('gongzhuangjiancha', {
chart: {
type: 'column'
},
title: {
text: ''
},
xAxis: {
type: 'category'
},
yAxis: {
max: 100,
min:50,
title: {
text: null
}
},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y:.1f}%'
}
}
},
tooltip: {
headerFormat: 'span style="font-size:11px"/spanbr',
pointFormat: 'span style="color:{green}"{point.name}/span: b符合率为{point.y:.2f}%/bbr/'
},
series: [
{
name: "Browsers",
colorByPoint:false ,
data: genData(_data)
}
],
});
代码比较简单,看下注释很好理解。
希望对你有帮助!
js做对比的!代码如下
var ul = document.getElementsByClassName('sub'); //获取class为sub的ul集合
for(var i = 0; i ul.length; i++) { //遍历这个集合
var id = ul[i].id; //获取当前ul的id
var li = ul[i].getElementsByTagName('li'); //获取当前ul下的li集合
var n = li.length; //此li集合的个数
while(n--) {//使用倒序遍历可避免删除li后需要更新它的length
var idx = li[n].getAttribute('index');//获取当前li的index属性
if(idx !== id) { //如果和ul的id不相等
li[n].parentNode.removeChild(li[n]); //删除它
}
}
}
//打印结果
Array.prototype.forEach.call(ul,function(o) {
console.log(o.outerHTML);
});
ul id=\"1\" class=\"sub\"
li index=\"1\"/li
li index=\"1\"/li
/ul
ul id=\"2\" class=\"sub\"
li index=\"2\"/li
li index=\"2\"/li
/ul
ul id=\"3\" class=\"sub\"
/ul
JS代码,任意输入两个数字比较大小,并输出最大值
script type="text/javascript"
function maxNum()
{
//获取两个文本框的值
var x = document.getElementById("num1").value;
var y = document.getElementById("num2").value;
//强制转换为数值型
x = parseFloat(x);
y = parseFloat(y);
if(xy)
{
alert("最大数是:"+y);
}
else
{
alert("最大数是:"+x);
}
}
/script
第一个数是:input type="text" id="num1"/br/
第二个数是:input type="text" id="num2"/br/
input type="button" onclick="maxNum()" value="计算"/
/body
分析:
这一个程序非常简单,但是包含的信息量不少。
document.getElementById()类似于CSS中的id选择器,而document.getElementById("num1").value表示选取id为num1的元素并获取它的值。这个方法经常用到,大家要记一下。我们在后续课程会给大家详细讲解。
这里用到了函数调用的其中一个方式“在事件中调用函数”。input type="button" onclick="maxNum()"/表示在按钮点击的时候执行函数maxNum()。
此外,还有一点要注意的是:有些同学呀,在定义这个函数的时候定义的函数名是max,然后发现出错了!oh~,其实那是你忽略了很基础的一点,那就是自己定义的函数名是不能与JavaScript内部定义的函数名相同。
用javascript如何比较10本书价格高低
输入对比代码即可。
1、javascript软件中按从高到低的对比代码是
。
2、javascript软件中从低到高的对比代码是
。