【javaScript数组,函数】的基础知识点

【javaScript数组,函数】基础知识点

📍📍📍📍📍📍📍🫡🫡🫡🫡🫡🫡

本文主要讲解javaScript的数组函数知识点基础

🤡🤡🤡🤡🤡🤡🤡⭐⭐⭐⭐⭐⭐

1.关于JavaScript

JavaScript (简称JS),是⼀个脚本语⾔,解释型或即时编译型的编程语⾔.虽然它是作为开发Web⻚⾯的脚本语⾔⽽出名,但是它也被⽤到了很多⾮浏览器环境中

值得一提的是

对Java⼀点兴趣都没有的BrendanEich,为了应付公司安排的任务,只⽤10天时间就把Javascript设计出来了

关于javaSript大家可以看下面的链接

javaScript发展历史

2.数组

数组定义

创建数组有两种⽅式

  • 使⽤new关键字创建
javascript 复制代码
// Array 的 A 要⼤写 
var arr = new Array();
  • 使⽤字⾯量⽅式创建[常⽤]
javascript 复制代码
 var arr = [];
 var arr2 = [1, 2, 'haha', false]; // 
数组中保存的内容称为"元素"

注意:JS的数组不要求元素是相同类型

这⼀点和C,C++,Java等静态类型的语⾔差别很⼤.但是Python,PHP等动态类型语⾔也是如此.

数组操作

读:使⽤下标的⽅式访问数组元素(从0开始)

增:通过下标新增,或者使⽤push进⾏追加元素

改:通过下标修改

删:使⽤splice⽅法删除元素

代码⽰例:

javascript 复制代码
 <script>
 var arr = [1, 2, 'haha', false];
 //读取数组
 
console.log(arr[0]);  //1
 //添加数组元素
 
arr[4] = "add"
 console.log(arr[4]);//add
 console.log(arr.length);//5, 获取数组的⻓度
 
//修改数组元素
 
arr[4] = "update"
 console.log(arr[4]);//update
 //删除数组元素
 
arr.splice(4,1);// 第⼀个参数表⽰从下标为4的位置开始删除. 第⼆个参数表⽰要删除的元素
console.log(arr[4]);//undefined   元素已经删除, 如果元素不存在, 结果为undefined 
console.log(arr.length);//4, 获取数组的⻓度
 
</script>

注意

如果下标超出范围读取元素,则结果为undefined

不要给数组名直接赋值,此时数组中的所有元素都没了

相当于本来arr是⼀个数组,重新赋值后变成字符串了

javascript 复制代码
 var arr = ['⼩猪佩奇', '⼩猪乔治', '⼩⽺苏西']; 
 arr = '小猫凯迪';

3.函数

语法格式

javascript 复制代码
 // 创建函数/函数声明/函数定义
 
 function 函数名(形参列表) {
	函数体
	return 返回值;
 }
 // 函数调⽤
 函数名(实参列表)           // 不考虑返回值
 返回值 = 函数名(实参列表)
 

函数定义并不会执⾏函数体内容,必须要调⽤才会执⾏.调⽤⼏次就会执⾏⼏次.

javascript 复制代码
 function hello() {
 console.log("hello");
 }
 // 如果不调⽤函数, 则没有执⾏打印语句
 hello();
  • 调⽤函数的时候进⼊函数内部执⾏,函数结束时回到调⽤位置继续执⾏.可以借助调试器来观察
  • 函数的定义和调⽤的先后顺序没有要求.(这⼀点和变量不同,变量必须先定义再使⽤)
javascript 复制代码
 // 调⽤函数
 hello();
 // 定义函数
function hello() {
	 console.log("hello");
 }

关于参数个数

实参和形参之间的个数可以不匹配.但是实际开发⼀般要求形参和实参个数要匹配

  • 如果实参个数⽐形参个数多,则多出的参数不参与函数运算
javascript 复制代码
 sum(10, 20, 30);    // 30
  • 如果实参个数⽐形参个数少,则此时多出来的形参值为undefined
javascript 复制代码
 sum(10);    // NaN, 相当于 num2 为undefined. 

JS的函数传参⽐较灵活,这⼀点和其他语⾔差别较⼤.事实上这种灵活性往往不是好事.

函数表达式

另外⼀种函数的定义⽅式

javascript 复制代码
 var add = function() {
 var sum = 0;
 for (var i = 0; i < arguments.length; i++) {
 sum += arguments[i];
 }
 return sum;
 }
 console.log(add(10, 20));      //30      
console.log(add(1, 2, 3, 4));        //10
console.log(typeof add)//function

此时形如 function() { } 这样的写法定义了⼀个匿名函数,然后将这个匿名函数⽤⼀个变量来表⽰

后⾯就可以通过这个add变量来调⽤函数了

js中函数是⼀等公⺠,可以⽤变量保存,也可以作为其他函数的参数或者返回值.

相关推荐
闲晨几秒前
C++ 继承:代码传承的魔法棒,开启奇幻编程之旅
java·c语言·开发语言·c++·经验分享
老猿讲编程28 分钟前
一个例子来说明Ada语言的实时性支持
开发语言·ada
王哈哈^_^1 小时前
【数据集】【YOLO】【目标检测】交通事故识别数据集 8939 张,YOLO道路事故目标检测实战训练教程!
前端·人工智能·深度学习·yolo·目标检测·计算机视觉·pyqt
Chrikk1 小时前
Go-性能调优实战案例
开发语言·后端·golang
幼儿园老大*1 小时前
Go的环境搭建以及GoLand安装教程
开发语言·经验分享·后端·golang·go
canyuemanyue1 小时前
go语言连续监控事件并回调处理
开发语言·后端·golang
杜杜的man2 小时前
【go从零单排】go语言中的指针
开发语言·后端·golang
cs_dn_Jie2 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic2 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿2 小时前
webWorker基本用法
前端·javascript·vue.js