本文目錄一覽：
- 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軟件中從低到高的對比代碼是
。
原創文章，作者：YWEG，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/135035.html
微信掃一掃 
支付寶掃一掃 