JavaScript数组和函数的使用
数组
数组:一个有顺序,有长度的数据集合
作用:存储大量数据
一、数组的定义
1、构造函数法:使用构造函数法的时候,都会使用new关键字
var arr=new Array();
当长度为0 的时候,里面没有任何数据
2、字面量法:直接声明一个变量,赋值 [ ]
var arr= [ ] ;
二、数组赋值
1、构造函数:
var arr=new Array( ' abc' , 123 , true , false , undefined , null , 789);
这样的写法就是在往数组里面存储数据
如果直接是var arr=new Array(3);那就是声明数组的长度,不是存储数据
2、字面量法:
var arr= [ ‘ abc’ , 123 , true , false , undefined , null , 789 ];
3、通过索引赋值:
注意:数组的索引从0开始。
数组的索引要用 [ ] 访问。
数组里面可以存储任意类型的数据(弱类型)。
arr [0]=123; arr[1]=’abc’;
4、数组的取值:
数组只能通过索引的方式取值,会使用到 [ ] 操作符
语法: 数组名 [ 索引 ];
var arr= [ ‘ abc’ , 123 , true , false , undefined , null , 789 ]; console.log(arr[0]); console.log(arr[1]);
5、数组的遍历:将某个数据结构的所有数据全都访问一遍
函数
1、函数的作用
函数:就是一段可以在我们需要的时候重复使用代码块
解决的问题:让代码可以重复使用
2、函数的定义
1、function 关键字声明
格式:
function 函数名 ( 参数列表 ) {
函数体(返回值)
}
书写函数的过程:
1、 把想要重用的过程里,改变的东西放到参数列表里
2、 把想要重用的代码,放到函数体里面
3、 如果你希望函数执行之后,要得到一些东西,这些东西就是返回值,在return的后面加上你想要的东西
2、函数表达式
格式:
var 函数名 = function ( 参数列表 ){
函数体(返回值)
}
过程同上。
3、 函数命名
1、 可以使用字母、数字、下划线、$
2、 不能以数字开头
3、 不能使用关键字和保留字
4、区分大小写
5、建议要有意义 -- 动词+名字结构
6、驼峰命名法
7、函数名不能重名,后面写的重名函数会把前面写的函数给覆盖掉
3、函数的参数
1、函数的形参
形式参数:在函数定义时,写在参数列表里的参数 -- 只是起到占据位置的作用,以便将来我们可以按照一定的规则传递参数。除此之外,还可以在函数的内部当成变量使用
2、函数的实参
实际参数:在函数被调用的时候实际传入函数内部的参数
在现阶段:
传参的时候,形参和实参是不会相互影响的,传参不会影响实际参数的值。或者说:函数在进行简单类型的数据传参的时候,形参和实参的值不会相互影响,简单类型的传参也不会影响实际参数的值
3、arguments对象
1、里面包含了所有在函数调用时传递进来的参数(在js中,函数的实参和形参的个数是可以不一致)
2、可以把arguments这玩意当成数组使用,有长度,可以使用索引访问所有在调用函数的时候传递进来的参数
3、只存在于函数的内部,也只能在函数内部使用,在函数之外是无法直接拿过来使用
一般来说,用来实现不定长度的参数个数的效果
4、函数的返回值
返回值:
当函数执行完毕之后,所得到的结果就是一个函数返回值
任意函数都有返回值
1、 在函数内部没有显式的写有return的时候,函数的返回值是undefined
2、 当函数内部有return,但是return后面没有跟着任何内容或者数据的时候,函数的返回值是undefined,并且return后面的代码不会执行
3、 当return后面跟着内容或者数据的时候,函数的返回值就return后面的东西
return关键字:这个关键字专门用来使函数执行之后具有返回值,并且结束函数执行用的
函数的四种形式:
1、无参无返回值
2、无参有返回值
3、有参无返回值
4、有参有返回值
5、函数的调用
函数名( 参数列表 );
6、匿名函数
就是没有名字的函数
格式:
function (参数列表) {
函数体
}
但是这个格式是不允许直接使用
用处:
1、函数表达式
2、还可以当成参数传递(回调函数)
7、自执行函数
函数可以自动的执行
格式:
(function (){
函数体
})();
JQuery就是使用自执行函数完成初始化的,所以一般在需要声明完毕就立刻执行的时候使用。
8、函数也是一种类型
通过typeof可以知道,函数也是一种数据类型,只要是数据类型,就可以成为参数传递
9、递归
概念:
函数自己内部调用自己本身
function fn(n) {
if (n == 1 || n == 2) {
return 1;
}
return fn(n - 1) + fn(n - 2);
}
console.log(fn(12));
JavaScript数组和函数的使用的更多相关文章
- JavaScript 数组操作函数--转载+格式整理
JavaScript 数组操作函数(部分)--转载+格式整理 今天看了一篇文章,主要讲的对常用的Js操作函数:push,pop,join,shift,unshift,slice,splice,conc ...
- Javascript数组操作函数总结
(1) shift 删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4, ...
- Javascript数组与函数初识
1 - 数组 1.1 数组的概念 数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式. 数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素.数组是一种将一组数 ...
- JavaScript数组倒序函数reverse()
左边为原数组,右边为array.reverse()的结果: 函数很简单,但是 var temp = ChartConfig.getMonthData(); $scope.monthList = tem ...
- JavaScript数组操作函数
A: 购物车会有这样的情况,购物车是一个数组,每一个商品是一个对象,分别对应一个id,和一个num ,然后改变商品的时候需要和购物车对比,如果购物车中有这个商品的话,就只改变这个商品对应的id的num ...
- JavaScript中常见的数组操作函数及用法
JavaScript中常见的数组操作函数及用法 昨天写了个帖子,汇总了下常见的JavaScript中的字符串操作函数及用法.今天正好有时间,也去把JavaScript中常见的数组操作函数及用法总结一下 ...
- Javascript数组函数库
其实平时用的比较多的应该是push和pop,不过还是都记下来,以便后面使用. shift :删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4 ...
- 读《JavaScript权威指南》笔记(四)--数组、函数
一.数组 1.数组是值的有序集合.每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引.JavaScript数组是无类型的:数组元素可以是任意类型,并且同一个数组中的不同元素也可能有 ...
- javascript中的所有内容都是一个对象:字符串、值、数组、函数…
javascript中的所有内容都是一个对象:字符串.值.数组.函数…此外,javascript允许自定义对象.javascript对象JavaScript提供多个内置对象,如字符串.日期.数组等.对 ...
随机推荐
- git commit -a -m "DM 1、获取aliOssSTS值,计算签名,实现视频PUT/POST2种上传方式上传;"
git commit -a -m "DM 1.获取aliOssSTS值,计算签名,实现视频PUT/POST2种上传方式上传:" 微信小程序的视频上传
- python系列十:python3函数
#!/usr/bin/python #-*-coding:gbk-*- '''函数的简单规则: 函数代码块以 def 关键词开头,后接函数标识符名称和圆括号 (). 任何传入参数和自变量必 ...
- Delphi线程的初级应用
viewRadio_th线程函数在form外生命全局变量.函数内相应的局部变量可以接收全局变量的赋值进行操作.query等可以自行创建进行查询.这样结果不会改变. //下面是后台发送字幕的线程函数应用 ...
- 【转】 HMC与VIOS对新LPAR提供存储与网络虚拟化的支持
前面的几篇博文的操作环境都是在IVM下,IVM可以看作是VIOS的一部分,或者是对VIOS功能的一个扩展,一个IVM只能管理1台物理服务器,而HMC则是一对多.在有HMC来管理物理服务器的情形下,VI ...
- BigDecimal使用整理
BigDecimal使用整理 一. BigDecimal简介 计算机计算中无论是float还是double都是浮点数,由于计算机是二进制的,导致在在浮点数计算时会出现精度丢失,因此引入BigD ...
- 一个jsp页面引入另一个jsp页面的三种方式 及静态引入和动态引入的区别
转载下, 转载自:http://blog.csdn.net/fn_2015/article/details/70311495 1.第一种:jstl import <c:import url=& ...
- jquery.fileDownload plugin: Success msg alert before actual pdf download completed
Currently , I use jquery fileDownload plugin to download multiple pdf that in a list page, which eve ...
- 使用JDT转java代码为AST
maven依赖 <dependency> <groupId>org.eclipse.jdt</groupId> <artifactId>org.ecli ...
- [转载]在服务器端判断request来自Ajax请求(异步)还是传统请求(同步),x-requested-with XMLHttpRequest
在服务器端判断request来自Ajax请求(异步)还是传统请求(同步) 在服务器端判断request来自Ajax请求(异步)还是传统请求(同步): 两种请求在请求的Header不同,Ajax 异步 ...
- Spring:笔记整理(1)——HelloWorld
Spring:笔记整理(1)——HelloWorld 导入JAR包: 核心Jar包 Jar包解释 Spring-core 这个jar 文件包含Spring 框架基本的核心工具类.Spring 其它组件 ...