首页 > 其他分享 >09-JS函数入门总结

09-JS函数入门总结

时间:2022-10-21 19:34:38浏览次数:35  
标签:src 元素 函数 09 JS let 数组 push 入门

JS函数简单入门知识点总结

1.1 函数的概念

函数:为完成一个操作任务而组合在一起的的语句组,实现了程序的三大逻辑(顺序、分支和循环)

1.2 函数的作用

减少重复的代码,方便后续的调用;

提高代码的可重用性和可维护性

1.3 函数的定义与调用

1.3.1 函数的定义

function functionName(参数列表){
    //实现功能的函数体,即逻辑语句

    //return返回值,可以不返回
    return 返回值;
}

1.3.2 函数的调用

一般函数的调用(有函数名的函数)

函数名(参数);

匿名函数的调用,以自执行函数为例:

(async function () {})();

函数的调用都需要加()

2 常见的数组函数

push
添加元素到数组的末尾位置

let src = [];
src.push(1);
//可以同时push多个元素
src.push(1, 2, 3);

unshift
添加元素到数组的起始位置

let src = [];
src.unshift(1);
//可以同时push多个元素
src.unshift(1, 2, 3);

pop
删除数组的最后一个元素

let src = [];
src.pop();

shift
删除数组的第一个元素

let src = [];
src.shift();

splice
删除数组元素

let src = [];
//fromIndex:从该位置开始删除元素
//count:要删除元素的个数
//replaceElement:要替换删除元素的元素(多个,超出删除个数也会继续替换)
src.splice(fromIndex, count, replaceElement...);

join

拼接数组元素为一个字符串

let src = [];
//用-连接数组的各个元素
console.log(src.join('-'));

reverse

拼接数组元素为一个字符串

let src = [];
//反转数组的元素,会改变原数组
console.log(src.reverse());

concat

拼接数组元素为一个字符串

let src = [];
//拼接数组,返回一个新数组,不改变原数组
console.log(src.concat([]));

forEach

遍历数组

let src = [];
src.forEach(element => console.log(element););

标签:src,元素,函数,09,JS,let,数组,push,入门
From: https://www.cnblogs.com/jackchen1928/p/16814574.html

相关文章

  • 【遇到的问题】JSTL标签使用时的错误
    【遇到的问题】JSTL标签使用时的错误 我在导入依赖时,通过maven导入了两个依赖:jakarta.servlet.jsp.jstl-apistandard如果引入jstl标签库,访问该jsp,会报原因是......
  • 单片机入门第二课----点灯大师
    引言在上一博客中,我们正式开始了单片机的学习之路,讲了单片机的概念,以及我们使用的ESP32系列的单片机的IO引脚,讲了什么是GPIO,以及相关的总线通讯概念(UART,IIC,SPI),脉冲调制......
  • 解决使用`npm install`或`npm i`命令之后报`Unexpected token in JSON at position`错
    网上大多数的教程都是以下几个步骤挨个试一遍,包括stackoverflow上也是这么说的删除node_modules文件夹删除package-lock.json文件强制清除npm缓存npmcacheverify,......
  • thinkphp 入门笔记
    1. 单数据查询   2.数据集的查询   3.  其他查询       ......
  • 10-JS创建项目与连接Mysql总结
    JS创建项目与连接Mysql总结一、npm介绍二、NodeJS在VScode环境下创建项目首先新建一个项目文件夹右键该文件夹,选择在终端打开菜单项在VScode提供的终端环境下......
  • 9-09-消息队列企业级应用及原理剖析(下)_ev
                                  分布式事务场景                  ......
  • 【学习笔记】JSP内置对象
    JSP内置对象pageContextRequestResponseconfig[ServletConfig]outApplication[ServletContext]pageexceptionsession 其中,pageContext......
  • java发送post请求传json数据
    importcom.alibaba.fastjson.JSON;importcom.alibaba.fastjson.JSONObject;importorg.apache.http.HttpResponse;importorg.apache.http.client.methods.HttpPost;......
  • MasaFramework -- 缓存入门与设计
    概念什么是缓存,在项目中,为了提高数据的读取速度,我们会对不经常变更但访问频繁的数据做缓存处理,我们常用的缓存有:本地缓存内存缓存:IMemoryCache分布式缓存Redis:......
  • Python pygame新手入门基础教程
    pygame简介 pygame可以实现python游戏的一个基础包。  pygame实现窗口 初始化pygame,init()类似于java类的初始化方法,用于pygame初始化。pygame.init()......