JavaScript学习笔记整理Day5

#数组

##一:数组的定义

1. 数组是值的有序集合

2. 每一个值叫做一个元素

3. 每个元素在数组中都有一个位置,以数字表示,叫做索引。索引从0开始。

##二:特点

1. 数组的元素可以是任何类型。

2. 数组索引从0开始,最大为2^32-2 4294967294个元素

##三:创建数组

1. 使用数组直接量[ ]

var arr=[1,2,3];

2. 使用构造函数

var arr = new Array(10); 10个元素苏

var arr = new Array(‘a‘,‘b‘,‘c‘);

##四:数组的长度

arr.length;

length属性只计算非负整数的索引

##五:数组元素的访问和修改

1. 使用[]

2. 数字类型的字符串 也可以访问数组元素

##六:稀疏数组

(稀疏数组就是不连续索引的数组)

1. var arr = new Array(3); -- 是稀疏数组

2. var arr = [,,]; -- 是稀疏数组

3. var arr = [1,2];arr[10]=100; -- 是稀疏数组

4. 使用delete删除一个元素  得到稀疏数组

##七数组元素的添加

1. 为新索引赋值 arr[4]=2;

2. 利用数组长度在数组尾部插入新元素 arr[arr.length]=5;

3. push()  在尾部加入新元素 arr.push(‘abc’);

4. unshift()在前面加入一个新元素  arr.unshift(‘abc’);

##八:数组的删除

1. 删除数组后面的一个元素 delete()不推荐--产生稀疏数组

2. pop() 删除数组最后一个元素 arr.pop();

3. shift() 删除数组第一个元素 arr.shift();

##九:判断是否数组

typeof []; 无法进行判断

ESMA5定义新的方法用来判断是否数组:   Array.isArray([]);

##十:搜索数组是否具有的元素

arr.indexOf();

如果存在返回元素位置

如果不存在返回-1

##十一:数组的遍历:

1. 使用for循环遍历

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

console.log(arr[i]);

}

2. 使用for/in循环

for(var i in arr){

console.log(arr[i]);

}

3. 注意:遍历稀疏数组 和 特殊下标数组时的区别</font>

4. 使用forEach();  传入匿名函数

>    <font color="pink">低版本IE不支持</font>

##十二:数组的方法:

1. join()把数组的元素拼接成字符串

var message = arr.join(‘,’);

2. concat() 合并多个数组

var message = arr.concat([12,43],[4,35,3]);

var message = arr.concat(1,2,3);

var message = arr.concat(1,2,[4,,5,[6,,7]]);

3. slice()  截取数组中的一部分(不破坏原数组),返回新的数

var arr = list.slice(2);  取出从下标2到后面的所有元素

var arr = list.slice(2,4); 取出从下标2到下标4(不含4)的元素>

4. splice() 删除、替换、添加、 破坏原数组 返回删除的内容

var new_arr = list.splice(2);   下标2以后的元素

var new_arr = list.splice(2,2); 下标2以后的两个元素

4.1 在指定位置添加新的元素

var arr = [3,454,435,343];

arr.splice(2,0,’abc’);

在435的位置前添加一个abc

4.2 替换指定位置的元素

var arr=[1,2,3,4];arr.splice(2,1,’abc’);

将3替换成abc;

5. reverse()  数组反转  改变原数组

6. sort();  数组排序,必须使用排序函数 list=[1,334,32,324];

list.sort(function(a,b){return a-b;});

7. toString() 把数组转换为字符串

8. toLocaleString()把数组转换为本地字符串(不常用)

时间: 2024-10-07 07:27:25

JavaScript学习笔记整理Day5的相关文章

javascript学习笔记整理(数组)

数组是一个可以存储一组或是一系列相关数据的容器. 一.为什么要使用数组. a.为了解决大量相关数据的存储和使用的问题. b.模拟真是的世界. 二.如何创建数组 A.通过对象的方式来创建——var a=new Array(); 赋值方式: 1.直接赋值——var a=new Array(元素1,元素2,元素3,元素4,........) var a=new Array(数值)如果只有一个元素,并且这个元素是数值类型的,那么他就是指定数组的长度并且他的值都是undefined var a=new A

JavaScript学习笔记整理Day15

BOM浏览器对象模型 1.window 2.Location 3.History 4.Screen 5.Navigator 一.window window概述: 1.window是客户端JavaScript的全局对象 2.它表示web浏览器的一个窗口或窗体,并且用标识符window来引用 1.innerHeight 返回窗口的文档显示区高度 IE9以下不兼容 2.innerWidth 返回窗口的文档显示区宽度 IE9以下不兼容 解决方法: //获取窗口的宽高 var width = window

javascript学习笔记整理(事件)

一.事件驱动 1.事件javascript侦测到的用户的操作或是页面的一些行为(怎么发生的) 2.事件源引发事件的元素(发生在谁的身上) 3.事件处理程序对事件处理的程序或是函数 (发生了什么事) 二.事件的分类 1.鼠标事件 onclick 鼠标点击事件 ondblclick     鼠标双击事件 onmousedown     鼠标按下 onmouseup      鼠标松开 onmousemove       鼠标移动 onmouseover         鼠标移入 onmouseout

JavaScript学习笔记整理Day9

一.JavaScript定时器: 1.单次定时:setTimeout(fn,time); 2.多次定时:setInterval(timer); 3.停止单次定时:clearTimeout(timer); 4.停止多次定时:clearInterval(timer); 实例1:使用单次和多次定时写倒计时 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"&g

javascript学习笔记整理(函数)

javascript函数的声明和调用将完成某一特定功能的代码集合起来,可以重复使用的代码块. 一.函数的声明方式(创建) A.基本语法(function  关键字)function 函数名([参数1],[参数2]....){    函数体    [retrun]  //返回值} function a(){ alert(1) }; B.字面量定义的形式(匿名函数)var 变量=function ([参数1],[参数2]....){    函数体    [retrun]  //返回值} var a=

JavaScript学习笔记整理Day4

##函数 ####函数是一段在一起,可以做某件事的程序. ###优点:控制程序设计的复杂性 1. 提高软件的开发可靠性 2. 提高软件的开发效率 3. 提高软件的可维护性 4. 提高程序的重用性 ###JavaScript定义函数的方式 1. function 关键字  function demo(){ code..} 2. 匿名函数  var demo = function(){} 3. Function 构造函数   (不推荐使用) var demo = new Function('a','

JavaScript学习笔记整理Day10

一.正则表达式(规则表达式) 定义:使用单个字符串来描述.匹配一系列符合某个语法规则的字符串搜索模式 二.正则表达式的作用 操作字符串是正则的唯一作用(验证用户名,验证电话号码,验证密码等表单元素...) 三.正则表达式的声明 1.使用直接量 2.使用构造函数 3.转换函数 四.使用JavaScript进行正则验证 步骤一:准备字符串 步骤二:准备正则表达式 步骤三:执行匹配 //第一步: 准备字符串 var str = 'abcdef'; //第二步: 准备正则表达式 var reg = /b

javascript学习笔记整理(正则)

RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具 var re=/e/; var re=new RegExp('e'); 正则表达式的 String 对象的方法 1.search---检索与正则表达式相匹配的值(返回值得下标) var a='a1a34b4cd5ef5g'; alert(a.search('a')); 结果:0 alert(a.search(/\d{2}b/g)); 结果:3 2.match---找到一个或多个正则表达式的匹配(返回一个数组) var a='a

javascript学习笔记整理(DOM对象)

DOM--document(html xml) object modle,document对象(DOM核心对象),document对象是 Window 对象的一部分,可通过window.document属性对其进行访问,document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问 1.属性 title--返回或设置当前文档的标题 url--返回当前文档的URL bgColor--设置文档的背景色 fgColor 设置文档的前景色(设置文字颜色) 2.方法 getElementB