JS基础知识(数组、函数)

JavaScript基础知识

  • 数组
    • 创建数组
      • 利用 new 创建数组
      • 利用数组字面量创建数组
    • 获取数组中的元素
    • 遍历数组
      • 数组遍历
      • 数组的长度
    • 数组中新增元素
  • 函数
    • 函数的使用
      • 声明函数
      • 调用函数
      • 函数的封装
    • 函数的参数
      • 函数参数语法
      • 函数形参和实参数量不匹配时
    • 函数的返回值
      • return 语句
      • break ,continue ,return 的区别
    • 函数的两种声明方式
      • 自定义函数方式(命名函数)
      • 函数表达式方式(匿名函数)

数组

概念

  • 数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式
  • 数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素
  • 数组是一种将一组数据存储在单个变量名下的优雅方式

创建数组

利用 new 创建数组

var 数组名 = new Array() ;

利用数组字面量创建数组

var  数组名 = [];

数组的字面量是方括号 [ ]
声明数组并赋值称为数组的初始化

获取数组中的元素

索引 (下标) :用来访问数组元素的序号(数组下标从 0 开始)
JS基础知识(数组、函数)_第1张图片
数组可以通过索引来访问、设置、修改对应的数组元素,可以通过“数组名[索引]”的形式来获取数组中的元素
语法
var arr = [1,2,3];// 定义数组
alert(arr[1]); // 获取数组中的第2个元素
注意
如果访问时数组没有和索引值对应的元素,则得到的值是undefined

遍历数组

数组遍历

把数组中的每个元素从头到尾都访问一次(类似学生的点名),可以通过 for 循环索引遍历数组中的每一项

语法

var cc = ['red','black', 'yellow'];
for(var i = 0; i < arr.length; i++){
   console.log(cc[i]);
}

数组的长度

  • 数组的长度:默认情况下表示数组中元素的个数
  • 使用“数组名.length”可以访问数组元素的数量(数组长度)
var cc = [1,2,3];
alert(cc.length);

数组中新增元素

语法

数组[ 数组.length ] = 新数据;

函数

概念
函数就是封装了一段可被重复调用执行的代码块,通过此代码块可以实现大量代码的重复使用

函数的使用

声明函数

function 函数名() {
  //函数体代码
}

function 是声明函数的关键字,必须小写

调用函数

函数名();

声明函数本身并不会执行代码,只有调用函数时才会执行函数体代码

函数的封装

函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口

函数的参数

函数参数语法

JS基础知识(数组、函数)_第2张图片
作用:
在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去

函数形参和实参数量不匹配时

JS基础知识(数组、函数)_第3张图片

函数的返回值

return 语句

函数调用整体代表的数据;函数执行完成后可以通过return语句将指定数据返回
语法

function 函数名(){
  ...
  return  需要返回的值;
}
函数名(); 

break ,continue ,return 的区别

  • break :结束当前的循环体(如 for、while)
  • continue :跳出本次循环,继续执行下次循环(如 for、while)
  • return :不仅可以退出循环,还能够返回 return 语句中的值,同时还可以结束当前的函数体内的 代码

函数的两种声明方式

自定义函数方式(命名函数)

利用函数关键字 function 自定义函数方式

语法

function fn() {...}
fn();

调用函数的代码既可以放到声明函数的前面,也可以放在声明函数的后面

函数表达式方式(匿名函数)

语法

var fn = function(){...};
fn();

函数调用的代码必须写到函数体后面

你可能感兴趣的:(JavaScript,javascript,js)