javascript 基本使用—字符串、變量、數組、函數、for循環

什麼是javascript:

JavaScript是一種屬於網絡的腳本語言,已經被廣泛用於Web應用開發,常用來爲網頁添加各式各樣的動態功能,爲用戶提供更流暢美觀的瀏覽效果。


什麼是jQuery:

jQuery是一個優秀的JavaScript庫,提供許多封裝好的功能。


javascript 在網頁中存在的方式:


當前頁面引用js


<script type="text/javascript"></script>


引用文件js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" charset="UTF-8" content="text/html">
    <title>js_st1</title>
    <script src="js/tuchao1.js"></script>
</head>
<body>

</body>
</html>

註釋語法:

單行註釋 //


多行註釋 

/*


*/


變量定義:

name = 'tuchao' 全局變量定義

window.name = 'tuchao'   全局變量定義(推薦寫法)


var name = 'tuchao' 局部變量定義


字符串常用方法和屬性:

obj.trim() //字符串去空白


var name = ' tuchao  '

name

" tuchao  "

name.trim()

"tuchao"


obj.charAt(index) //字符串索引

var name='tuchao'
name.charAt(0)
"t"
name.charAt(1)
"u"
name.charAt(2)
"c"
name.charAt(3)
"h"


obj.substring(start,end)

var name='tuchao'
name.substring(0,5)
"tucha"

name.substring(0,6)
"tuchao"


obj.indexOf(char) //通過字符串找索引

var name = 'tuchao'
name.indexOf('u')
1


obj.length //輸出字符串長度


數組:

聲明,如:
    var array = Array() 或 var array = []
 
添加
    obj.push(ele)                   追加
    obj.unshift(ele)                最前插入
    obj.splice(index,0,'content')   指定索引插入
 
移除
    obj.pop()                       數組尾部獲取
    obj.shift()                     數組頭部獲取
    obj.splice(index,count)         數組指定位置後count個字符
 
切片
    obj.slice(start,end)           
 
合併
    newArray = obj1.concat(obj2)   
 
翻轉
    obj.reverse()
 
字符串化
    obj.join('_')
 
長度
    obj.length


函數:

function Foo (name) {



example:

function Foo (name) {
	var arg2 = arguments[1]
	console.log(name);
	console.log(arg2);
}

Foo('aaaaa','bbbbbb')

這裏的var arg2 = arguments[1] 可以給函數追加參數


自執行函數:

(function(){


})()


example:

(function(name){
	console.log(name);
})('arguments arg one')

執行結果:

wKiom1asj_ywUCLBAAA9yyTgviQ463.png


for循環:

var array = ['one','two','three','four','five','six']  //定義數組
var dict = {'name':'tuchao','age':'21','profession':'computer'} //定義字典

for(var item in array){
	console.log(item)
}

0
1
2
3
4
5
注:這裏默認循環的是數組的下標

for (var i in dict) {
	console.log(dict[i])
}

tuchao
21
computer

for (var i=0;i<array.length;i++){

	console.log(array[i])
}

one
two
three
four
five
six


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章