js - 递归函数和对象数据类型

简介: js - 递归函数和对象数据类型

递归函数

自己调用自己的过程。

  1. 本质:循环环
  1. 三要素:从哪里开始,到哪里结束、步长

建议在循环嵌套不确定层数时,使用递归函数。

// 下面这个代码就是一个最简单的递归函函数

// 在函数内部调用了自己,函数一执行,就调用自己一次,在调用再执行,循环往复,没有止尽

function fn() {

 fn()

}

fn()

对象数据类型

创建对象数据类型

  1. 如何创建对象?
  • 字面量方式: {key: value,key: value}
  • 构造函数方式: new 构造函数名()
  1. 构造函数的语句:

function 构造函数名-大驼峰命名([参数]){

   //属性

   this.属性名 = 属性值;

   //方法

   this.方法名 = function(){

       //功能

   }

}

对象数据类型的操作(增删改查),两种语法

  1. 对象.属性 对象.方法()
  2. 对象['属性'] 对象'方法'

for in 循环遍历对象

for(循环变量 in 对象){

   语句组;

}

//注:循环变量不能赋值,循环变量不能赋值,循环变量不能赋值!

数组数据类型

  1. 什么是数组? 存储一组或一系列数据的容器。

创建数组数据类型 声明数组的方式

  1. 字面量创建方式:: [] 中括号代表的是数组 <!-- 里面存储的元素,为数组元素 -->
  1. 构造函数方式: new Array() 内置对象表示数组 <!-- 1. 如果里面只有一个正整数时,表示数组长度,开辟了多少个空间. 2.如果构造函数中,只有一个负数时,直接报错3.如果构造函数中,只有一个小数时,直接报错4.如果构造函数中有一个非数字类型的数据,则表示数组元素,存储的数据 5.如果构造函数中,有多个数据,则表示数组元素,储存的数据 -->

数组的length属性

  1. length : 表示数组的长度 该属性可读可写 清空数组使用时较多 删掉长度是从尾端进行删除

检测是否为数组

  1. instanceof 运算符 他可以用来检测是否为数组
  2. Array.isArray(参数) 用来检测是否为数组.

数组的索引概念

下标:可以唯一标识一个数组空间的索引号。 (最小下标:0)(最大下标:长度 - 1)

for循环遍历数组

  1. 数组名[下标]
  2. 遍历数组:一个一个处理(循环)

不同数据类型的存储

堆和栈空间存储数据

栈空间: 一个栈空间里面只能存储一个数据 <!-- 基本类型的数据只能一个值,所以存储在栈空间中,属于值传递 -->


1.基本数据类型的数据属于值传递 <!-- 复合数据类型,代表有多个值,多个值放堆空间中,而堆空间的地址存储在栈空间里,所以属于引用传递(地址传递) -->


2.复合数据类型的数据属于引用传递(地址传递)


相关文章
|
11月前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
4月前
|
机器学习/深度学习 JavaScript 前端开发
JS进阶教程:递归函数原理与篇例解析
通过对这些代码示例的学习,我们已经了解了递归的原理以及递归在JS中的应用方法。递归虽然有着理论升华,但弄清它的核心思想并不难。举个随手可见的例子,火影鸣人做的影分身,你看到的都是同一个鸣人,但他们的行为却能在全局产生影响,这不就是递归吗?雾里看花,透过其间你或许已经深入了递归的魅力之中。
155 19
|
6月前
|
编解码 JavaScript 前端开发
【Java进阶】详解JavaScript的BOM(浏览器对象模型)
总的来说,BOM提供了一种方式来与浏览器进行交互。通过BOM,你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准,但大多数现代浏览器都实现了相似的功能,因此,你可以放心地在你的JavaScript代码中使用BOM。
164 23
|
6月前
|
JavaScript
JS实现多条件搜索函数
JS封装的多条件搜索
|
8月前
|
JavaScript 前端开发
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
166 32
|
6月前
|
JavaScript 前端开发 测试技术
|
7月前
|
JavaScript 前端开发 Java
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
柯里化是一种强大的函数式编程技术,它通过将函数分解为单参数形式,实现了灵活性与可复用性的统一。无论是参数复用、延迟执行,还是函数组合,柯里化都为现代编程提供了极大的便利。 从 Redux 的选择器优化到复杂的数据流处理,再到深度嵌套的函数优化,柯里化在实际开发中展现出了非凡的价值。如果你希望编写更简洁、更优雅的代码,柯里化无疑是一个值得深入学习和实践的工具。从简单的实现到复杂的应用,希望这篇博客能为你揭开柯里化的奥秘,助力你的开发之旅! 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
11月前
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
146 1
JavaScript中对象的数据拷贝
|
10月前
|
存储 JavaScript 前端开发
JavaScript中的数据类型以及存储上的差别
通过本文的介绍,希望您能够深入理解JavaScript中的数据类型及其存储差别,并在实际编程中灵活运用这些知识,以提高代码的性能和稳定性。
185 3
|
11月前
|
存储 JavaScript 前端开发
js中的数据类型
JavaScript 中的数据类型包括五种基本类型(String、Number、Undefined、Boolean、Null)和三种引用类型(Object、Array、Function,以及ES6新增的Symbol)。基本类型直接存储值,引用类型存储的是指向实际数据的内存地址。了解它们的区别对于掌握 JavaScript 的变量赋值和函数传参至关重要。
198 1

热门文章

最新文章