博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript 基本使用—字符串、变量、数组、函数、for循环
阅读量:6411 次
发布时间:2019-06-23

本文共 2203 字,大约阅读时间需要 7 分钟。

什么是javascript:

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。

什么是jQuery:

jQuery是一个优秀的JavaScript库,提供许多封装好的功能。


javascript 在网页中存在的方式:

当前页面引用js


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

引用文件js

1
2
3
4
5
6
7
8
9
10
11
<!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) //字符串索引

1
2
3
4
5
6
7
8
9
var 
name=
'tuchao'
name.charAt(0)
"t"
name.charAt(1)
"u"
name.charAt(2)
"c"
name.charAt(3)
"h"

obj.substring(start,end)

1
2
3
4
5
6
var 
name=
'tuchao'
name.substring(0,5)
"tucha"
 
name.substring(0,6)
"tuchao"

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

1
2
3
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:

1
2
3
4
5
6
7
function 
Foo (name) {
    
var 
arg2 = arguments[1]
    
console.log(name);
    
console.log(arg2);
}
 
Foo(
'aaaaa'
,
'bbbbbb'
)

这里的var arg2 = arguments[1] 可以给函数追加参数

自执行函数:

(function(){

})()

example:

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

执行结果:

for循环:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
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 
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
本文转自qw87112 51CTO博客,原文链接:http://blog.51cto.com/tchuairen/1740066

转载地址:http://xtkra.baihongyu.com/

你可能感兴趣的文章
Win7 64bit 安装Mysql5 出错 无法启动服务。
查看>>
嵌入式 H264参数语法文档: SPS、PPS、IDR以及NALU编码规律
查看>>
初识Opserver,StackExchange的监控解决方案
查看>>
给大家讲解一下JavaScript与后台Java天衣无缝相结合
查看>>
探索HTML5之本地文件系统API - File System API
查看>>
javascript有用代码块(1)
查看>>
libevent 笔记
查看>>
PHP实现人人OAuth登录和API调用
查看>>
redis源码笔记 - initServer
查看>>
FindBugs工具常见问题
查看>>
ECSHOP报错误Deprecated: preg_replace(): The /e modifier is depr
查看>>
【iOS】iOS之Button segue弹出popOver消除(dismiss)问题
查看>>
java多线程系列5-死锁与线程间通信
查看>>
数据库分库分表
查看>>
腾讯Hermes设计概要——数据分析用的是列存储,词典文件前缀压缩,倒排文件递增id、变长压缩、依然是跳表-本质是lucene啊...
查看>>
小程序模板嵌套以及相关遍历数据绑定
查看>>
Systemd入门教程:命令篇(转)
查看>>
java随机范围内的日期
查看>>
linux包之diff
查看>>
spring事务学习(转账案例)(二)
查看>>