js基礎(chǔ)語法與maven項目配置教程案例
更新時間：2021年07月13日 08:51:35 作者：cgblpx
本篇文章介紹了幾個javascript的基本語法和maven的配置教程。想學(xué)習(xí)javascript和maven的朋友們可以參考一下，希望能給你帶來幫助
一，js的語句
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測試 js的語句</title>
<!-- 在HTML里嵌入js代碼 -->
<script>
// 2. 循環(huán)結(jié)構(gòu)
//練習(xí)3：在控制臺輸出結(jié)果，輸出1億每天花一半能花多少天,f12看
var f = 0; //記錄天數(shù)
var g = 100000000 ; //記錄錢
while( g > 1){
g = g/2;//改錢
f++;//統(tǒng)計天++
}
console.log(f);
//練習(xí)1：在控制臺輸出結(jié)果，輸出1~10用,f12看
for(var i = 1;i < 11;i++){
console.log(i);
}
//練習(xí)2：在控制臺輸出結(jié)果，輸出1~10的和,f12看
var e = 0;//記錄總和
for(var i = 1;i < 11;i++){
// e = e+ i;
e += i;
}
console.log(e);
// 1. 分支結(jié)構(gòu)
//練習(xí)4：根據(jù)用戶輸入的數(shù)字，彈出禮拜幾
//var d = prompt("請輸入禮拜幾：") ;//默認(rèn)是string類型
var d = parseInt( prompt("請輸入禮拜幾：") ) ;//string->number
switch(d){
case '1' : console.log("今天是禮拜1"); //在控制臺輸出結(jié)果，用f12看
case 2 : alert("今天是禮拜2"); break;
case 3 : alert("今天是禮拜3"); break;
case 4 : alert("今天是禮拜4"); break;
case 5 : alert("今天是禮拜5"); break;
case 6 : alert("今天是禮拜6"); break;
case 7 : alert("今天是禮拜7"); break;
}
//練習(xí)3：判斷平年閏年(能被4整除且不能被100整除 | 能被400整除)
var c = prompt("請輸入年份：");
if( c%4==0 && c%100!=0 || c%400==0 ){
alert("閏年");
}else{
alert("平年");
}
//練習(xí)2：接收用戶輸入的成績，判斷成績所屬的等級
var b = prompt("請輸入成績：");
if( b>=80 && b<=100 )
alert("優(yōu)秀");
else if( b>=60 && b<80 )
alert("中等");
else if( b>=0 && b<60 )
alert("不及格");
else
alert("輸入有誤");
//練習(xí)1：判斷a>10就彈1否則彈0
var a = prompt("請輸入整數(shù)");
if( a > 10 ){
alert(1);
}else{
alert(0);
}
</script>
</head>
<body>
</body>
</html>
二，js的數(shù)組
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測試 js的數(shù)組</title>
<!-- js的數(shù)組 ，Java里數(shù)組的特點：長度不能改變，數(shù)據(jù)類型單一 -->
<script>
//1. js定義數(shù)組，特點：長度可變，數(shù)據(jù)類型豐富
var a = new Array(); //空數(shù)組
a = new Array(10,1.1,'hello',true,null,10,1.1); //改變a的長度
console.log(a); //查看數(shù)組里的數(shù)據(jù)
console.log(a.length); //獲取a的長度
a[99] = 0;
console.log(a); //查看數(shù)組里的數(shù)據(jù)
console.log(a.length); //獲取a的長度，100
var b = [ ] ; //空數(shù)組
b = [1,2,3,"jack",1.1];//賦值
for(var i = 0 ; i < b.length ;i++){//遍歷
console.log(b[i]);//根據(jù)下標(biāo)打印數(shù)據(jù)
}
//練習(xí)1：求數(shù)組里的偶數(shù)和
var c = [1,2,3,4,5,6,7,8];
//相當(dāng)于java的foreach，，，，for...in
for(var i in c){
console.log(c[i]);
}
var d = 0 ; //記錄和
for(var i=0 ;i < c.length ;i++){
if(c[i] % 2 ==0){
d+=c[i];//求和
}
}
console.log(d);
</script>
</head>
<body>
</body>
</html>
三，js的函數(shù)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測試 js的函數(shù)</title>
<script>
// 1. 函數(shù)寫法1：有特定功能的一塊代碼
// 聲明函數(shù) ：function 函數(shù)名(參數(shù)列表){函數(shù)體}
function a(){
var b=[1,2,2,3,4];//定義數(shù)組
for(var i in b){//遍歷數(shù)組
console.log(b[i]);//打印數(shù)據(jù)
}
}
// 調(diào)用函數(shù)
a();
// 2. 函數(shù)寫法2：有特定功能的一塊代碼
// 聲明函數(shù) ： var 函數(shù)名 = function(參數(shù)列表){函數(shù)體}
var b = function(){
console.log(100);
}
//調(diào)用：函數(shù)名(參數(shù)列表); -- 被調(diào)用的函數(shù)必須存在！！
b();
//3. 定義并調(diào)用含參函數(shù)
function c(a,b){ //定義含參函數(shù)
console.log(a+b);
}
c("hello",1); //調(diào)用含參函數(shù)
var d = function(a,b){
console.log(a+b);
}
d(1.1,2.6);
//4. 定義并調(diào)用含參的有返回值的函數(shù)
function e(a,b){
return a+b;//把結(jié)果返回給調(diào)用者
}
var f = e(1,2);
console.log(f);
var g = function(){
return "hello js" ;//把結(jié)果返回給調(diào)用者
}
var h = g();
console.log(h);
//練習(xí)：統(tǒng)計字符串里a字符出現(xiàn)的次數(shù)
function cishu(str,chara){
var count = 0 ;// 記錄次數(shù)
for(var j = 0 ; j < str.length ;j++){//遍歷字符串
var data = str.charAt(j);//獲取每個字符
//和a字符比較
if(data == chara){
//如果是a字符，就++
count++;
}
}
return count;//返回給調(diào)用者
}
//調(diào)用cishu函數(shù)，統(tǒng)計字符串a(chǎn)bcaaaaa中字符a出現(xiàn)的次數(shù)
var count = cishu("abcaaaaa",'a');
console.log("a字符串出現(xiàn)的次數(shù)是："+count);
</script>
</head>
<body>
</body>
</html>
四，Maven
五、總結(jié)
本篇文章就到這里了，希望能給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容！
相關(guān)文章
詳解requestAnimationFrame和setInterval該如何選擇
這篇文章主要為大家介紹了requestAnimationFrame和setInterval該如何選擇示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪<BR>2023-03-03
JavaScript版代碼高亮...2006-06-06
微信小程序 網(wǎng)絡(luò)API發(fā)起請求詳解
這篇文章主要介紹了微信小程序 網(wǎng)絡(luò)API發(fā)起請求詳解的相關(guān)資料,需要的朋友可以參考下2016-11-11
這篇文章主要為大家介紹了TypeScript 的條件類型使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
You-Dont-Know-JS詞法作用域及兩種常見的模型學(xué)習(xí)文檔
這篇文章主要為大家介紹了JS?詞法作用域及兩種常見的模型詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-08-08
在網(wǎng)頁中控制wmplayer播放器...2006-07-07
詳解節(jié)點監(jiān)控相對準(zhǔn)確的計算FMP
這篇文章主要為大家介紹了節(jié)點監(jiān)控相對準(zhǔn)確的計算FMP詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
js實現(xiàn)保存文本框內(nèi)容為本地文件兼容IE,chrome,火狐瀏覽器
本文實現(xiàn)了利用JS保存頁面中文本框內(nèi)容到本地，并另存為指定文件擴展名與編碼類型，兼容IE，chrome,火狐等瀏覽器2018-02-02
JavaScript?ES6語法中l(wèi)et,const?,var?的區(qū)別
這篇文章主要為大家介紹了JavaScript中l(wèi)et,const?,var?的區(qū)別，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
這篇文章主要給大家介紹的是JS中輕松遍歷對象屬性的幾種方式，文章從自身可枚舉屬性、Object.values() 返回屬性值、Object.entries()來展開介紹，感興趣的小伙伴可以參考一下2021-09-09