【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中函数是⼀等公⺠,可以⽤变量保存,也可以作为其他函数的参数或者返回值.

相关推荐
续亮~16 分钟前
6、Redis系统-数据结构-05-整数
java·前端·数据结构·redis·算法
顶顶年华正版软件官方2 小时前
剪辑抽帧技巧有哪些 剪辑抽帧怎么做视频 剪辑抽帧补帧怎么操作 剪辑抽帧有什么用 视频剪辑哪个软件好用在哪里学
前端·音视频·视频·会声会影·视频剪辑软件·视频剪辑教程·剪辑抽帧技巧
MarkHD2 小时前
javascript 常见设计模式
开发语言·javascript·设计模式
海盗猫鸥3 小时前
C++入门基础篇(1)
开发语言·c++·学习
托尼沙滩裤3 小时前
【js面试题】js的数据结构
前端·javascript·数据结构
不熬夜的臭宝3 小时前
每天10个vue面试题(一)
前端·vue.js·面试
专注成就自我3 小时前
java使用easypoi模版导出word详细步骤
java·开发语言·word
朝阳393 小时前
vue3【实战】来回拖拽放置图片
javascript·vue.js
不如喫茶去3 小时前
VUE自定义新增、复制、删除dom元素
前端·javascript·vue.js
多多*3 小时前
SpringBoot 启动流程六
java·开发语言·spring boot·后端·spring