var data = [8,6,4,2,6,7,8,9,6,5];
創(chuàng)新互聯(lián)建站專注于企業(yè)網(wǎng)絡(luò)營(yíng)銷推廣、網(wǎng)站重做改版、梨樹網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5、電子商務(wù)商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為梨樹等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
data.sort();
data.shift();
data.pop();
var sum = 0;
for(var i=0;idata.length;i++) {
sum+=data[i]-0;//這里-0主要為了兼容 數(shù)字為字符串形式
}
alert(sum/data.length);
下面是js 的評(píng)分實(shí)現(xiàn),每次評(píng)分都是整數(shù),4.2只是個(gè)平均值
用這個(gè)就可以了
SELECT avg(star) as stars FROM content where id =100
只有一個(gè)數(shù)值,就是你要的平均分,也就是4.2
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title星級(jí)評(píng)分系統(tǒng)/title
style
body,div,ul,li,p{margin:0;padding:0;}
body{color:#666;font:12px/1.5 Arial;}
ul{list-style-type:none;}
#star{position:relative;width:600px;margin:10px auto;}
#star ul,#star span{float:left;display:inline;height:19px;line-height:19px;}
#star ul{margin:0 10px;}
#star li{float:left;width:24px;cursor:pointer;text-indent:-9999px;background:url(/jscss/demoimg/201206/star.png) no-repeat;}
#star strong{color:#f60;padding-left:10px;}
#star li.on{background-position:0 -28px;}
#star p{position:absolute;top:20px;width:159px;height:60px;display:none;background:url(/jscss/demoimg/201206/icon.gif) no-repeat;padding:7px 10px 0;}
#star p em{color:#f60;display:block;font-style:normal;}
/style
script type="text/javascript"
window.onload = function ()
{
var oStar = document.getElementById("star");
var aLi = oStar.getElementsByTagName("li");
var oUl = oStar.getElementsByTagName("ul")[0];
var oSpan = oStar.getElementsByTagName("span")[1];
var oP = oStar.getElementsByTagName("p")[0];
var i = iScore = iStar = 0;
var aMsg = [
"很不滿意|差得太離譜,與賣家描述的嚴(yán)重不符,非常不滿",
"不滿意|部分有破損,與賣家描述的不符,不滿意",
"一般|質(zhì)量一般,沒有賣家描述的那么好",
"滿意|質(zhì)量不錯(cuò),與賣家描述的基本一致,還是挺滿意的",
"非常滿意|質(zhì)量非常好,與賣家描述的完全一致,非常滿意"
]
for (i = 1; i = aLi.length; i++)
{
aLi[i - 1].index = i;
//鼠標(biāo)移過顯示分?jǐn)?shù)
aLi[i - 1].onmouseover = function ()
{
fnPoint(this.index);
//浮動(dòng)層顯示
oP.style.display = "block";
//計(jì)算浮動(dòng)層位置
oP.style.left = oUl.offsetLeft + this.index * this.offsetWidth - 104 + "px";
//匹配浮動(dòng)層文字內(nèi)容
oP.innerHTML = "emb" + this.index + "/b 分 " + aMsg[this.index - 1].match(/(.+)\|/)[1] + "/em" + aMsg[this.index - 1].match(/\|(.+)/)[1]
};
//鼠標(biāo)離開后恢復(fù)上次評(píng)分
aLi[i - 1].onmouseout = function ()
{
fnPoint();
//關(guān)閉浮動(dòng)層
oP.style.display = "none"
};
//點(diǎn)擊后進(jìn)行評(píng)分處理
aLi[i - 1].onclick = function ()
{
iStar = this.index;
oP.style.display = "none";
oSpan.innerHTML = "strong" + (this.index) + " 分/strong (" + aMsg[this.index - 1].match(/\|(.+)/)[1] + ")"
}
}
//評(píng)分處理
function fnPoint(iArg)
{
//分?jǐn)?shù)賦值
iScore = iArg || iStar;
for (i = 0; i aLi.length; i++) aLi[i].className = i iScore ? "on" : "";
}
};
/script
/head
body
div id="star"
span點(diǎn)擊星星就能打分/span
ul
lia href="javascript:;"1/a/li
lia href="javascript:;"2/a/li
lia href="javascript:;"3/a/li
lia href="javascript:;"4/a/li
lia href="javascript:;"5/a/li
/ul
span/span
p/p
/div
/body
/html
我看的是原版。老外講得清晰易懂,我不知道翻譯的是啥樣子的,碰到過不少翻譯的書,總覺得坑爹(一句簡(jiǎn)單話翻譯得難以理解)。還有的是,這本書絕對(duì)牛!知識(shí)面覆蓋很全,詳細(xì)介紹js語法和瀏覽器差異,進(jìn)階首選,特意進(jìn)來看一下評(píng)分,還好,第六版索引頁很好,我覺得英文苦手不是問題,作者用詞相對(duì)簡(jiǎn)單,就前面幾十頁用有道一下,后面的基本很少查字典了。(PS:英文過爛就不說了,這是我閱讀的第一本英文原著~~)
一、 讓代碼簡(jiǎn)潔:一些簡(jiǎn)略的表達(dá)方式也會(huì)產(chǎn)生很好的優(yōu)化
eg:x=x+1;在不影響功能的情況下可以簡(jiǎn)寫為x++;
二、 變量名方法名盡量在不影響語意的情況下簡(jiǎn)單。(可以選擇首字母命名)
eg:定義數(shù)組的長(zhǎng)度可以取名為:ArrLen而不需要取為ArrayLength。
三、 關(guān)于JS的循環(huán),循環(huán)是一種常用的流程控制。
JS提供了三種循環(huán):for(;;)、while()、for(in)。在這三種循環(huán)中for(in)的效率最差,因?yàn)樗枰樵僅ash鍵,因此應(yīng)盡量少用for(in)循環(huán),for(;;)、while()循環(huán)的性能基本持平。當(dāng)然,推薦使用for循環(huán),如果循環(huán)變量遞增或遞減,不要單獨(dú)對(duì)循環(huán)變量賦值,而應(yīng)該使用嵌套的++或–運(yùn)算符。
四、 如果需要遍歷數(shù)組,應(yīng)該先緩存數(shù)組長(zhǎng)度,將數(shù)組長(zhǎng)度放入局部變量中,避免多次查詢數(shù)組長(zhǎng)度。
因?yàn)槲覀兂3R鶕?jù)字符串、數(shù)組的長(zhǎng)度進(jìn)行循環(huán),而通常這個(gè)長(zhǎng)度是不變的,比如每次查詢a.length,就要額外進(jìn)行一個(gè)操作,而預(yù)先把var len=a.length,則就少了一次查詢。
五、 盡量選用局部變量而不是全局變量。
局部變量的訪問速度要比全局變量的訪問速度更快,因?yàn)槿肿兞科鋵?shí)是window對(duì)象的成員,而局部變量是放在函數(shù)的棧里的。
六、 盡量少使用eval。
每次使用eval需要消耗大量時(shí)間,這時(shí)候使用JS所支持的閉包可以實(shí)現(xiàn)函數(shù)模板。
七、 減少對(duì)象查找
因?yàn)镴avaScript的解釋性,所以a.b.c.d.e,需要進(jìn)行至少4次查詢操作,先檢查a再檢查a中的b,再檢查b中的c,如此往下。所以如果這樣的表達(dá)式重復(fù)出現(xiàn),只要可能,應(yīng)該盡量少出現(xiàn)這樣的表達(dá)式,可以利用局部變量,把它放入一個(gè)臨時(shí)的地方進(jìn)行查詢。
八、 字符串連接。
如果是追加字符串,最好使用s+=anotherStr操作,而不是要使用s=s+anotherStr。
如果要連接多個(gè)字符串,應(yīng)該少使用+=,如s+=a;s+=b;s+=c;應(yīng)該寫成s+=a + b + c;
而如果是收集字符串,比如多次對(duì)同一個(gè)字符串進(jìn)行+=操作的話,最好使用一個(gè)緩存。怎么用呢?使用JavaScript數(shù)組來收集,最后使用join方法連接起來,如下
var buf = new Array();for(var i = 0; i 100; i++){ buf.push(i.toString());}var all = buf.join("");
九、 類型轉(zhuǎn)換
1. 把數(shù)字轉(zhuǎn)換成字符串,應(yīng)用"" + 1,雖然看起來比較丑一點(diǎn),但事實(shí)上這個(gè)效率是最高的,性能上來說:("" +) String() .toString() new String()
盡量使用編譯時(shí)就能使用的內(nèi)部操作要比運(yùn)行時(shí)使用的用戶操作要快。
String()屬于內(nèi)部函數(shù),所以速度很快,而.toString()要查詢?cè)椭械暮瘮?shù),所以速度遜色一些,new String()用于返回一個(gè)精確的副本。
2. 浮點(diǎn)數(shù)轉(zhuǎn)換成整型,這個(gè)更容易出錯(cuò),很多人喜歡使用parseInt(),其實(shí)parseInt()是用于將字符串轉(zhuǎn)換成數(shù)字,而不是浮點(diǎn)數(shù)和整型之間的轉(zhuǎn)換,我們應(yīng)該使用Math.floor()或者M(jìn)ath.round()。Math是內(nèi)部對(duì)象,所以Math.floor()其實(shí)并沒有多少查詢方法和調(diào)用的時(shí)間,速度是最快的。
3. 對(duì)于自定義的對(duì)象,如果定義了toString()方法來進(jìn)行類型轉(zhuǎn)換的話,推薦顯式調(diào)用toString(),因?yàn)閮?nèi)部的操作在嘗試所有可能性之后,會(huì)嘗試對(duì)象的toString()方法嘗試能否轉(zhuǎn)化為String,所以直接調(diào)用這個(gè)方法效率會(huì)更高
十、 盡量作用JSON格式來創(chuàng)建對(duì)象,而不是var obj=new Object()方法。
因?yàn)榍罢呤侵苯訌?fù)制,而后者需要調(diào)用構(gòu)造器,因而前者的性能更好。
十一、 當(dāng)需要使用數(shù)組時(shí),也盡量使用JSON格式的語法,
使用JSON格式的語法即直接使用如下語法定義數(shù)組:[parrm,param,param...],而不是采用new Array(parrm,param,param...)這種語法。因?yàn)槭褂肑SON格式的語法是引擎直接解釋的。而后者則需要調(diào)用Array的構(gòu)造器。
十二、 對(duì)字符串進(jìn)行循環(huán)操作,例如替換、查找,就使用正則表達(dá)式。
因?yàn)镴S的循環(huán)速度比較慢,而正則表達(dá)式的操作是用C寫成的API,性能比較好。
十三、 插入HTML
很多人喜歡在JavaScript中使用document.write來給頁面生成內(nèi)容。事實(shí)上這樣的效率較低,如果需要直接插入HTML,可以找一個(gè)容器元素,比如指定一個(gè)div或者span,并設(shè)置他們的innerHTML來將自己的HTML代碼插入到頁面中。
十四、 對(duì)象查詢
使用[“”]查詢要比.items()更快
十五、 定時(shí)器
如果針對(duì)的是不斷運(yùn)行的代碼,不應(yīng)該使用setTimeout,而應(yīng)該是用setInterval。setTimeout每次要重新設(shè)置一個(gè)定時(shí)器。
十六、 盡量減少DOM調(diào)用
在Web開發(fā)中,JavaScript的一個(gè)很重要的作用就是對(duì)DOM進(jìn)行操作。可是對(duì)DOM的操作是非常昂貴的,因?yàn)檫@會(huì)導(dǎo)致瀏覽器執(zhí)行回流 (reflow)操作。我們應(yīng)該盡可能的減少DOM操作。