JavaScript基础教程1-20160612

1.javascript是一门浏览器运行的脚本语言和java没关系

---

2.javascript语言写在哪里？

（1）可以写单独的文件里面去调用(推荐采用此方法)

index.html

<head>
     <script src="20160612.js">

     </script>
</head>

20160612.js

alert('hello world');

（2）写html文件头里，html文件里取调用

alert方法就是弹窗消息的东西

<head>
     <script type="text/javascript">
          alert('20160612');

     </script>
</head>

---

3.JavaScript的变量和函数

(1)变量(常用局部变量)

//定义变量，var
//变量没有类型，但是变量的值有类型之分

//局部变量
var date = '20160612';

//全局变量
window.date = "20160612";

(2)普通函数(和其他函数一样，返回值return在需要的时候添加)

function Foo(name){
  console.log(name);
}

//function定义函数Foo,后面的name是占位符，代表传递进去的参数
//console.log方法代表的是浏览器控制台输出,一般浏览器按F12，切换到console标签下就能看到

（3）匿名函数

var tmp = function(name){
     console.log(name)
}

//定义匿名函数;
//使用函数
temp('xiaobai');

（4）自执行函数(这种写法定义好后就直接执行了，不用像之前的写法那样function Foo(){};   Foo())

//开头先写2个括号()()

//保持良好的写法习惯，避免不必要的麻烦

//
(function(){ console.log('hello world'); })()

//
(function(name){ console.log(name); })('xiaoming')

---

4.JavaScript的字符串处理

主要介绍几个比较常用的字符串处理函数及属性

（1）trim方法；字符串格式化，去掉空格的东西，类似于Python的strip

var name = '    LaoWang    '

//字符串是不可变类型数据，所有方法得到的结果只是先出出来，变量本身值未改变

name.trim()

//如果要取到改变后的值，建议重新赋值

var new_name = name.trim()

（2）charAt方法；取到固定索引位置的字符

charAt(index)

var name = 'LaoWang'

name.charAt(0)

name.charAt(1)

name.charAt(2)

（3）substring方法；取到字符串其中的某些字符，取某些范围,类似于Python的列表分片

substring(start,end)

var name = 'LaoWang'

name.substring(0,3)

name.substring(1,4)

（4）indexOf方法；取到某个字符所在的索引，只取从最开头的第一个

var name='LaoWang'

name.indexOf('L')

name.indexOf('w')

（5）length属性，获取字符串的长度

var name='LaoWang'

var length = name.Length

console.log(length)

---

5.JS数组

数组类似于Python里面的列表，有索引，有对应的值

（1）创建数组

var array = [11,22,33,44,55]

var array = Array(11,22,33,44,55)

（2）数组里面添加数据

var array = [11,22,33,44,55]

//最后添加数据，类似于列表的追加
array.push(66)

//最前插入
array.unshift(0)

//指定位置插入，中间1不能改变，代表插入后，值以此往后移
array.splice(0,1,'00')
//在开始的地方插入字符串00

（3）数组里面删除数据

var array = [11,22,33,44,55,66]

//最后删除一个
array.pop()

//最开始删除一个
array.shift()

//指定位置删除
array.splice(index,count)

（4）数组的截取，列表分片操作

var array = [11,22,33,44,55]

//截取数组里面从0开始到2结尾的数据，不包括2
array.slice(0,2)

（5）数组的合并

var array=[11,22,33,44,55];

var array2=[77,88];

//把array2数组合并到数组1里面去
array.concat(array2);

console.log(array)

（6）数组的翻转

var array=[11,22,33,44,55]

//数组翻转
array.reverse()

（7）数组和字符串的转化

var array = [11,22,33,44,55]

//列表转化为字符串，列表里的每个元素之间相连分隔为_
array.join('_')

（8）数组长度

array = [11,22,33,44,55,66]

array.length

---

6.JS循环

var array=[11,22,33,44,55]

//取出里面的所有索引
for(var item in array){
    console.log(item)
}

//取出里面的所有值
for(var item in array){
   console.log(array[item])
}