web前端 --- javascript(03) -- 函数、内置对象

news2024/11/23 12:46:35

函数(function)

具有名称的,为了实现特定功能的代码集合体

(1)javascript如何定义函数:function关键字定义

function  函数名称  ([ 参数列表 ]){

        //  函数体

        // [return 返回值]

}

// 定义一个函数
function show(){
    //alert("我名字叫:"+name+"我今年"+age+"岁"+"我是"+gender);
    alert("我名字叫wsx");
    alert("我今年18岁");
    alert("我是女神");
}

function show(name,age,gender){
    alert("我名字叫:"+name);
    alert("我今年"+age+"岁");
    alert("我是"+gender);
}

(2)调用函数

函数名称 ([ 参数列表 ]);        // 接收返回值

// 调用函数
show();

show("wsx",18,"女神");
show("lkj",22,"男神");
show("tyh",23,"吊毛");

(3)例:函数

例1:九九乘法表

function add(x,y){
    // 调用者是否需要结果,如果需要,则需要返回计算结果
    return x + y;
}

// 函数调用
let sum = add(10,20);
alert(sum) // 30

// 九九乘法表
function jj(){
    let res = " ";
    for (let i = 1; i <= 9; i++){
        for (let j = 1; j <= i; j++){
            res +=`${i} x ${j} = ${i * j}\t`;
        }
        res += "\n";
    }
    console.log(res);
}

jj();

例2:直角三角形

let layer = parseInt(prompt("请输入需要打印的层数:","10"));
star();
function star(layer){
    let res = "";
    for(let i = 1; i <= layer ; i++){
        for(let j = 1; j <= i; j++){
            res += "*";
        }
        res += "\n"
    }
    console.log(res);
}

js的9大内置对象

(1)Math类:

(数学类)--- 提供了大量的与数学运算相关的方法和属性

  • Math.E                    //  自然常数
  • Math.PI                   //  圆周率
  • Math.ceil()               //  向上取整
  • Math.floor()             //  向下取整
  • Math.round()           //  四舍五入
  • Math.random()        //  生成0-1的随机数
  • Math.abs()              //  绝对值
  • ......



// let number = Math.abs(-12);
// alert(number);

// 绝对值
function mabs(num){
    return num >= 0 ? num : -num;
}
alert(num);

(2)string对象(在js中是基本数据类型,也是对象)

一个或一串可识别的符号,一般使用引号引起。

<1> 创建方式

[1] 直接定义

  • let  s  =  "这是一个字符串";
  • let  ss  =  '这是一个字符串';
  • let  sss  =  `这是一个字符串`;

[2] 使用string类

  • let  s  =  String();        // let  s  =  ' ';

[3] 可以使用对象的方式创建(创建的字符串的对象)

  • let  s  =  new  String();

(包装后的字符串对象)

<2> 字符串对象属性:

字符串对象.length        //  返回字符串的长度

<3> 字符串对象方法:

  • charAt()        //  返回在指定位置的字符
  • charCodeAt()        //  返回在指定位置字符的Unicode
  • concat()        //  连接字符串
  • indexOf()        //  检索字符串
  • lastIndexOf()        //  从后向前搜索字符串
  • match()        //  找到一个或多个正则表达式的匹配
  • replace()        //  替换与正则表达式匹配的字符串
  • search()        //  检索与正则表达式相匹配的值
  • slice()        //  提取字符串片段,并在新的字符串中返回被提取的部分
  • split()        //  将字符串分割为字符串数组
  • substr()        //  从起始索引号提取字符串中指定数目的字符
  • substring()        //  提取字符串中两个指定索引号之间的字符
  • toLowerCase()        //  将字符串转为小写
  • toUpperCase()        //  将字符串转为大写


(3)数组对象:Array对象 --- 线性存储结构

(低层并不是连续的内存空间,低层通过hash映射或字典的方式实现,所以不是连续的,js是一个双向链表结构)

<1> 定义方式(4种)

  • let  arr  =  [ ]        //  直接使用

  • let  array  =  new  Array()        //  使用系统提供的Array类来创建,使用new关键字创建数组对象

  • let  arr3  =  new  Array(size)        //  创建一个确定大小的数组对象

  • let  arr4  =  Array(size)

<2> 元素访问

  • 下标访问

  • 元素的个数:length属性
  • 数组遍历

[1] for循环

for (let i = 0; i < arr3.length ; i++){
    console.log(arr3[i]);
}

[2] for in : for循环加强,foreach循环

for  ( let 变量  in  可迭代对象 ) {}


[3] for of:ES提供用来加强 for in

(如果使用 for of 循环,会直接把数组的元素迭代出来)

<3> 数组的常见方法:

  • concat()        //  连接两个或者更多数组,并返回结果
  • join()        //  将数组中的所有元素放入一个字符串,元素通过指定分隔符进行分隔
  • pop()        //  删除并返回数组中的最后一个元素
  • push()        //  向数组末尾添加一个或更多元素,并返回新的长度
  • reverse()        //  颠倒数组中元素的顺序
  • shift()        //  删除并返回数组中的第一个元素
  • unshift()        //  向数组的开头添加一个或多个元素,并返回新的长度
  • sort()        //  对数组中的元素进行排序
  • splice()        //  删除元素,并向数组中添加新元素

例1:

例2:splice()


(4)时间日期对象:date类

<1> 创建

new Date();

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script>
        let myDate = new Date;
        console.log(myDate);

        alert(myDate.getFullYear());

        let year = myDate.getFullYear();
        let date = myDate.getDate();
        let mon = myDate.getMonth();
        let hour = myDate.getHours();
        let minute = myDate.getMinutes();
        let second = myDate.getSeconds();

        alert(`当前时间是:${year}-${mon}-${date} ${hour}-${minute}-${second}`)
        
    </script>
    <title>date</title>
</head>
<body>
    
</body>
</html>

例:页面显示时间

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script>
        let myDate = new Date;
        console.log(myDate);

        alert(myDate.getFullYear());

        let year = myDate.getFullYear();
        let date = myDate.getDate();
        let mon = myDate.getMonth();
        let hour = myDate.getHours();
        let minute = myDate.getMinutes();
        let second = myDate.getSeconds();

        alert(`当前时间是:${year}-${mon}-${date} ${hour}-${minute}-${second}`)
        
    </script>
    <title>date</title>
</head>
<body>
    
</body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/600242.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Springboot】发送QQ邮件

系列文章目录 文章目录 系列文章目录前言添加Maven依赖QQ邮箱开启POP服务配置application.properties文件Controller层编写 vue前端&#xff08;也可以直接省略&#xff09; 前言 这篇博客用于简单实现SpringBoot中使用Controller发送邮件请求&#xff0c;用户可以收到邮件。 …

Python读写access数据库的实战代码

大家好,我是爱编程的喵喵。双985硕士毕业,现担任全栈工程师一职,热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的…

chatgpt赋能python:使用Python关闭端口的方法

使用Python关闭端口的方法 在网络安全中&#xff0c;关闭端口是非常重要的一项任务。一旦一个端口被打开并暴露给互联网&#xff0c;恶意用户就可能通过它们的攻击进入您的服务器或计算机系统。Python是一种流行的编程语言&#xff0c;也可以用来关闭端口。下面介绍一些常用的…

JSONSQL:使用SQL过滤JSON类型数据(支持多种数据库常用查询、统计、平均值、最大值、最小值、求和语法)...

1. 简介 在开发中&#xff0c;经常需要根据条件过滤大批量的JSON类型数据。如果仅需要过滤这一种类型&#xff0c;将JSON转为List后过滤即可&#xff1b;如果相同的条件既想过滤数据库表中的数据、也想过滤内存中JSON数据&#xff0c;甚至想过滤Elasticsearch中的数据&#xff…

chatgpt赋能python:Python内置变量:掌握这些变量,让你的编程更高效

Python内置变量&#xff1a;掌握这些变量&#xff0c;让你的编程更高效 Python作为一门优秀的编程语言&#xff0c;自然不会缺少重要的内置变量。这些内置变量可以帮助程序员轻松地实现各种编程功能&#xff0c;提高编程效率。在本文中&#xff0c;我们将介绍Python内置变量的…

chatgpt赋能python:Python内置函数使用指南

Python内置函数使用指南 Python是一种高级编程语言&#xff0c;得益于其简单易学的语法、强大的标准库和丰富的第三方模块&#xff0c;现已成为全球最受欢迎的编程语言之一。其中&#xff0c;Python内置函数是Python编程的重要组成部分&#xff0c;本文将为您介绍这些内置函数…

四种主要的IO模型

基本概念 基本概念阻塞IO指的是需要内核IO操作彻底完成后&#xff0c;才返回到用户空间执行用户的操作。阻塞指的是用户空间程序的执行状态。传统的IO模型都是同步阻塞IO。在Java中&#xff0c;默认创建的socket都是阻塞的。简单来说&#xff1a;阻塞是指用户空间&#xff08…

尚硅谷-云尚办公-项目复盘

尚硅谷-云尚办公-项目复盘 资料地址本文介绍问题汇总问题1.knife4j无法下载 视频4问题2.dev等含义 视频5问题3.wrapper继承/实现图 视频8问题4.修改统一返回结果 视频11问题5.修改后新增也变修改 视频29问题6.redis中key值乱码 视频55-60问题7.RangeError: Maximum call stack …

高完整性系统工程(六):INTRODUCING ADA

目录 1. ADA的历史 2. ADA的特点 2.1 Strong, Static Typing 强语言、强静态类型语言 2.1.1 ADA is Strong, Static Typing 2.1.2 C is Weak, Static Typing 2.2 Module System 2.3 Portable 2.3.1 ADA 2.3.2 C 2.3.3 Cost of Runtime Checking 2.4 Readability …

IPython使用学习笔记

学习《利用python进行数据分析》第三章 IPython:一种交互式计算和开发环境的笔记&#xff0c;共享给大家&#xff0c;同时为自己作为备忘用。 安装ipython用pip即可。ps.博主用的是win7系统&#xff0c;所以接下来的都是在windows系统下操作的。 一.Ipython基础 启动&#xff…

chatgpt赋能python:Python关闭程序代码的实现方法

Python 关闭程序代码的实现方法 如果你是一个经验丰富的 Python 工程师&#xff0c;你应该知道如何在程序中实现正常关闭。不过&#xff0c;如果你是一个新手&#xff0c;这可能会变得有点棘手&#xff0c;特别是当你需要在程序中添加一些特定的关闭功能的时候。本文将为您介绍…

【javaEE】计算机网络原理初始

目录 1、网络发展史 1.1、独立模式 1.2、网络互连 1.2.1、局域网&#xff08;LAN&#xff09; 1.2.2、广域网&#xff08;WAN&#xff09; 1.2.3、广域网和局域网的区别 1.2.4、局域网组建网络的方式 &#xff08;了解&#xff09; &#xff12;、网络通信基础 2.1、I…

前端开发技术栈(工具篇):2023最新版nvm的Win/Linux安装和使用(详细) 27.8k stars

目录 nvm是什么 nvm下载 nvm安装 Windows nvm的使用 安装Node.js 切换Node.js版本 卸载Node.js 其他使用方法 Linux nvm的使用 安装NVM 使用NVM 总结 Node.js是一个非常流行的JavaScript运行时环境&#xff0c;可以帮助开发人员构建高性能的网络应用程序, 它被用于…

SpringCloud:分布式锁和线程安全

这篇文章是一个初步了解分布式应用的线程安全和锁的文章&#xff0c;所有截图及代码全部来自亲身实践 1.对于单机应用我们可以把锁加在方法维度&#xff08;有用&#xff0c;不推荐&#xff09; 像这样 但是我们应该缩小锁的范围&#xff0c;我们这里是在派单&#xff0c;避免…

手撕希尔排序

什么是希尔排序&#xff1f;他的效率怎摸样&#xff0c;如何去实现希尔排序呢&#xff1f;在这之前可能我们已经了解了希尔排序&#xff0c;作为排序中的老大哥一员&#xff0c;希尔排序的效率也是屈指可数的。 想要知道希尔排序如何实现我们就的先了解插入排序。 目录 1.何…

Flutter 笔记 | Flutter 核心原理(六)Embedder 启动流程(Android)

Embedder是Flutter接入原生平台的关键&#xff0c;其位于整个Flutter架构的底层&#xff0c;负责Engine的创建、管理与销毁&#xff0c;同时也为Engine提供绘制UI的接口&#xff0c;那么底层的实现细节如何&#xff1f;本文将详细分析。 Embedder关键类分析 在正式分析Embedd…

chatgpt赋能python:Python知识|关联两个列表

Python 知识 | 关联两个列表 Python 是一种高效的编程语言&#xff0c;它能够很好地进行数据处理&#xff0c;因此在 SEO 领域得到广泛的应用。关联两个列表是一种基础的数据处理方法&#xff0c;本文将为读者详细介绍如何使用 Python 关联两个列表&#xff0c;并给出一些实例…

Rust每日一练(Leetday0018) N皇后II、最大子数组和、螺旋矩阵

目录 52. N皇后 II N Queens II &#x1f31f;&#x1f31f;&#x1f31f; 53. 最大子数组和 Maximum Subarray &#x1f31f;&#x1f31f; 54. 螺旋矩阵 Spiral Matrix &#x1f31f;&#x1f31f; &#x1f31f; 每日一练刷题专栏 &#x1f31f; Rust每日一练 专栏…

chatgpt赋能python:Python关键词匹配:优化你的SEO策略

Python关键词匹配&#xff1a;优化你的SEO策略 在当今数字时代&#xff0c;搜索引擎是许多人获取信息和发现新客户的主要渠道。对于企业或个人网站来说&#xff0c;优化SEO&#xff08;搜索引擎优化&#xff09;策略变得至关重要。在SEO的世界里&#xff0c;关键词匹配是一个重…

springboot+vue编程训练考试测试系统设计与实现

本编程训练系统管理员功能有管理员和用户。管理员功能有个人中心&#xff0c;用户管理&#xff0c;题库资源管理&#xff0c;用户交流&#xff0c;试卷管理&#xff0c;留言板管理&#xff0c;试题管理&#xff0c;系统管理&#xff0c;考试管理。用户可以查看题库资源&#xf…