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

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

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

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

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

1.关于JavaScript

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

值得一提的是

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

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

javaScript发展历史

2.数组

数组定义

创建数组有两种⽅式

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

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

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

数组操作

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

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

改:通过下标修改

删:使⽤splice⽅法删除元素

代码⽰例:

<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是⼀个数组,重新赋值后变成字符串了

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

3.函数

语法格式

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

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

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

关于参数个数

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

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

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

函数表达式

另外⼀种函数的定义⽅式

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

相关文章
|
13天前
|
自然语言处理 JavaScript 前端开发
[JS]知识点
本文介绍了JavaScript中的多个重要知识点,包括ES6、严格模式、类与对象、解构、跨域问题及入口函数等。文章通过详细示例和推荐的外部资源,帮助读者更好地理解和应用这些概念。内容持续更新中,适合初学者和进阶开发者参考。
11 2
[JS]知识点
|
14天前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
26 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
12天前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
13天前
|
JavaScript 前端开发 中间件
JS服务端技术—Node.js知识点
本文介绍了Node.js中的几个重要模块,包括NPM、Buffer、fs模块、path模块、express模块、http模块以及mysql模块。每部分不仅提供了基础概念,还推荐了相关博文供深入学习。特别强调了express模块的使用,包括响应相关函数、中间件、Router和请求体数据解析等内容。文章还讨论了静态资源无法访问的问题及其解决方案,并总结了一些通用设置。适合Node.js初学者参考学习。
29 1
|
21天前
|
存储 JavaScript 前端开发
JS的ES6知识点
【10月更文挑战第19天】这只是 ES6 的一些主要知识点,ES6 还带来了许多其他的特性和改进,这些特性使得 JavaScript 更加现代化和强大,为开发者提供了更多的便利和灵活性。
15 3
|
26天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
28天前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
1月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
24 2
|
1月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
20 3
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
31 1