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

相关文章
|
8天前
|
机器学习/深度学习 JavaScript 前端开发
JS进阶教程:递归函数原理与篇例解析
通过对这些代码示例的学习,我们已经了解了递归的原理以及递归在JS中的应用方法。递归虽然有着理论升华,但弄清它的核心思想并不难。举个随手可见的例子,火影鸣人做的影分身,你看到的都是同一个鸣人,但他们的行为却能在全局产生影响,这不就是递归吗?雾里看花,透过其间你或许已经深入了递归的魅力之中。
53 19
|
2月前
|
存储 前端开发 JavaScript
JavaScript的重要知识点
以上就是JavaScript的一些重要知识点。学习JavaScript需要理解和掌握这些知识点,才能编写出高效、可维护的代码。同时,还需要不断实践,通过编写项目来提高编程技能。
61 14
|
2月前
|
JavaScript
JS实现多条件搜索函数
JS封装的多条件搜索
|
3月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
4月前
|
JavaScript 前端开发
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
101 32
|
3月前
|
JavaScript 前端开发 Java
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
柯里化是一种强大的函数式编程技术,它通过将函数分解为单参数形式,实现了灵活性与可复用性的统一。无论是参数复用、延迟执行,还是函数组合,柯里化都为现代编程提供了极大的便利。 从 Redux 的选择器优化到复杂的数据流处理,再到深度嵌套的函数优化,柯里化在实际开发中展现出了非凡的价值。如果你希望编写更简洁、更优雅的代码,柯里化无疑是一个值得深入学习和实践的工具。从简单的实现到复杂的应用,希望这篇博客能为你揭开柯里化的奥秘,助力你的开发之旅! 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
3月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
7月前
|
存储 JavaScript 前端开发
JS的ES6知识点
【10月更文挑战第19天】这只是 ES6 的一些主要知识点,ES6 还带来了许多其他的特性和改进,这些特性使得 JavaScript 更加现代化和强大,为开发者提供了更多的便利和灵活性。
172 58
|
7月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
8月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。