javascript高级

数组及操作方法

  • 数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的
#定义数组的方法
//对象的实例创建
var aList = new Array(1,2,3);
//直接量创建(常用)
var aList2 = [1,2,3,"asd"];
# 操作数据中数据的方法
var aList = [1,2,3,4]
1.获取数组的长度:aList.length
    - alert(aList.length); //弹出4
2.用下标操作数组的某个数据:aList[0];
    - alert(aList[0]); //弹出1
3.join()将数组成员通过一个分割符合并成字符串
    - alert(aList.join("-")); //弹出 1-2-3-4
4.push()和pop()从数组最后增加成员或删除成员
    - aList.push(5);
    - alert(aList); //弹出1,2,3,4,5
    - aList.pop();
    - alert(aList); //弹出1,2,3
5.reverse()将数组反转
    - aList.reverse();
    - alert(aList); //弹出4,3,2,1
6.indexOf()返回数组中元素第一次出现的索引值
    - alert(aList.indexOf(1)); //弹出0
7.splice()在数组中增加或删除成员
    #(位置,数量,添加的成员)
    - aList.splice(2,1,7,8,9); //从第2个元素开始,
    - alert(aList); //弹出1,2,7,8,9,4

# 数组去重
var aList = [1,2,3,4,4,3,2,1,2,3,4,5,6,5,5,3,3,4,2,1];

var aList2 = [];

for(var i=0;i<aList.length;i++)
{
    if(aList.indexOf(aList[i])==i)
    {
        aList2.push(aList[i]);
    }
}

alert(aList2);
  • 多维数组指的是数组的成员也是数组的数组。
var aList = [[1,2,3];["a", "b", "c"]];
alert(aList[0][1]); //弹出2;

循环语句

  • 程序中进行有规律的重复操作,需要用的循环语句
# while
初始值;
while(条件){
        命令;
        增量;
}    
# for
for(初始值;条件;增量){
        命令;
}

字符串处理方法

1.字符串合并操作:"+"

2.parselnt()将数字字符转化为整数(去掉小数部分

3.parseFloat()将数字字符串转化为小数

4.split()把一个字符串分隔成字符串组成的数组

5.indexOf()查找字符串是否含有某字符

6.substring()截取字符串用法:substring(start, end)(不包括end)

调式程序的方法

1.alert(打断程序的运行)
2.console.log(控制台输出)
3.document.title(网页标题输出一般不用)

定时器

  • 定时器在javascript中的作用
    1.定时调用函数
    2.制作动画
#定时器类型及语法
/*
定时器:
# 单次定时器
setTimeout 只执行一次的定时器
clearTimeout 关闭只执行一次的定时器
# 多次循环定时器
setInterval 反复执行的定时器
clearInterval 关闭反复执行的定时器
*/
var time1 = setTimeout(myalert,2000);
var time2 = setInterval(myalert,2000);
/*
# 关闭定时器
clearTimeout(time1);
clearInterval(time2);
# 清空定时器,让定时器不保存任何命令,释放浏览器资源
time1 = null;
time2 = null;
*/
# 执行命令:
1.匿名函数function(){};
setTimeout(function(){
        alert("匿名函数单次定时")
}, 2000)
2.自定义函数形式(*** 只写自定义函数名称,不是放调用式)
setInterval(myalert, 2000);
function myalert(){
        alert("自定义函数多次定时");
}

变量作用域

  • 变量作用域指的是变量的作用范围,javascript中的变量分为全局变量和局部变量

1.全局变量:在函数之外定义的变量,为整个页面公用,函数内部外部都可以访问

2.局部变量:在函数内部定义的变量,只能在定义该变量的函数内部访问,外部无法访问

3.函数体里面声明局部变量的话,切记一定要带var,否则就是代表声明全局变量

封闭函数

  • 封闭函数是javascript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数
#一般定义的函数和执行函数
function maalert(){
        alert("hello!");
};
myalert();
#封闭函数
(function(){
        alert("hello!");
})();
#定义前加上"~"和"!"等符号来定义匿名函数
!function(){
        alert("hello!");
}()
  • 封闭函数的作用:可以创造一个独立的空间,在封闭函数内定义的变量和函数不会影响外部同名的函数和变量,可以避免命名冲突,在页面上引入多个js文件时,用这种方式添加js文件比较安全
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,221评论 0 13
  • 第5章 引用类型 引用类型的值(对象)是引用类型的一个示例。在ECMAScript 中,引用类型是一种数据结构,用...
    力气强阅读 733评论 0 0
  • 第1章 JavaScript 简介 JavaScript 具备与浏览器窗口及其内容等几乎所有方面交互的能力。 欧洲...
    力气强阅读 1,191评论 0 0
  • 少年抬头望向夜空,看不见星辰,夜空中一片万劫不复的黑暗,只天边一轮明月将满未满,隐隐映出一丝惨淡的血红色。 这样的...
    Scorpio幻蝶阅读 2,243评论 0 0
  • ——读张悦然《我循着火光而来》 仔细想想,这是第一次读张悦然。 按理说不应该的,张悦然及同期作家在“新概念”崭露头...
    宋染青阅读 483评论 0 3