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

相关文章
|
4天前
|
前端开发 JavaScript
探索JavaScript函数基础
探索JavaScript函数基础
13 3
|
4天前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
12 3
|
3天前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
11 1
|
5天前
|
JavaScript 前端开发
在JS中如何声明一个函数
在JS中如何声明一个函数
12 2
|
5天前
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
11 0
|
4天前
|
前端开发 数据可视化 开发者
D3.js 内置的动画函数
D3.js 内置的动画函数
|
6天前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
|
5月前
|
JavaScript 前端开发
JS将两个数组和合并成数组包对象格式的方法
JS将两个数组和合并成数组包对象格式的方法
69 0
|
5月前
|
JavaScript 前端开发
js中数组对象去重的方法
js中数组对象去重的方法
|
2月前
|
JavaScript 前端开发 索引
JS遍历数组里数组下的对象,根据数组中对象的某些值,组合成新的数组对象
这篇文章介绍了如何在JavaScript中遍历数组里数组下的对象,并根据对象的某些属性值组合成一个新的数组对象。主要内容包括使用ES6的`for...of`循环来遍历数组对象,然后根据需要提取对象中的属性值,并将它们放入新的对象中,最终形成一个新的对象数组以供使用。