javaScript基础3

【D3.js in Action 3 精译_012】1.2.5 与 D3 相关的 JavaScript 基础知识 本篇为《D3.js in Action》全新第三版第一章1.2.5小节内容,主要介绍了与 D3.js 相关的 JavaScript 基础知识,重点讲解了 JS 中的方法链式调用以及数组对象的常见接口方法,如 forEach、map、filter、find 等。 阅读详情

一.对象

1.概念

一组无序的相关属性和方法的集合

2.创建对象的三种方法

(1).字面量创建(利用{})

在这里插入图片描述

(2)变量、属性、函数、方法的区别

在这里插入图片描述

(3).new Object创建

在这里插入图片描述

(4).构造函数

封装的是对象
在这里插入图片描述

3.new关键字的执行过程

在这里插入图片描述

4.遍历对象(for…in)

在这里插入图片描述

二.内置对象

1.了解

概念:计算机内部提供的一些功能,可以直接使用。
查文档:MDN/W3C

2.math对象

Math.abs()
Math.floor()
Math.ceil()
Math.round()
在这里插入图片描述
Math.random()
返回的是0到1之间的小数,要想获得a到b之间的整数
function getRandom(min,max){
return Math.floor(Math.random()*(max-main+1)+min);
}
在这里插入图片描述
Math.Random()使用的例子

在这里插入图片描述

3.日期对象(构造函数)

注意:月:1——11
星期:周日是0
在这里插入图片描述

使用及参数常用的写法
在这里插入图片描述
格式化日期 年月日
在这里插入图片描述
格式化日期 时分秒
在这里插入图片描述
获得总毫秒数
在这里插入图片描述
倒计时案例
在这里插入图片描述
在这里插入图片描述

4.数组对象

创建数组的两种方式
在这里插入图片描述
检验是否为数组
instanceof
isArray()
在这里插入图片描述
添加删除数组元素
push();
pop();
unshift();
shift();
在这里插入图片描述
数组排序
翻转reserve()
排序sort()
sort(function(a,b){
return a-b;
})
在这里插入图片描述
数组索引
indexOf();
lastindexOf();
在这里插入图片描述
索引的一个例子
数组去重
在这里插入图片描述
数组转化为字符串
toString();
join();
在这里插入图片描述

在这里插入图片描述

5.字符串对象

只有复杂数据类型才能用内置函数,字符串不是复杂数据类型,但可以用?
js会把基本数据类型包装为复杂数据类型。
在这里插入图片描述
一个例子
在这里插入图片描述
根据位置返回字符
charAt();
charCode();
str[];
在这里插入图片描述

例子
在这里插入图片描述
concat();
substr();
slice();
sunstring();
在这里插入图片描述
replace();
split();能把字符串转化为数组

在这里插入图片描述
在这里插入图片描述

数据类型

有简单数据类型(值类型):存放在栈
和复杂数据类型(引用类型):存放在堆,new出来的在这里插入图片描述
在这里插入图片描述
注意简单数据类型中的null
在这里插入图片描述
简单数据类型传参:值(不会影响到外部变量)
在这里插入图片描述

复杂数据类型传参:地址(操作的是同一个对象)
在这里插入图片描述

【D3.js in Action 3 精译_013】D3 入门基础之 Node、JavaScript 框架与 Observable 记事本 本篇为《D3.js in Action》全新第三版第 1.2 小节的内容收尾部分,主要介绍了与 D3 项目构建相关的一些知识,包括 Node.js、主流 JavaScript 框架及 Observable 平台相关的情况。可以作为扩充知识面的阅读材料。建议多尝试 Observable 线上项目。 阅读详情

相关推荐

前端学习 HTML5和CSS3新特性 高级技巧 JavaScript基础语法

##HTML5和CSS3提高 ###HTML5的新特性 HTML5的新增特性主要是针对于以前的不足,增加了一些新的标签,新的表单和新的表单属性等; 这些新特性都有兼容性问题,基本是IE9+以上的版本浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性; HTML5新增的语义化标签 之前布局,基本用div来做,div对于搜索引擎来说,是没有语义的; <header>:头部标签 <nav>:导航标签 <article>:内容标签 <section>:定义

ym912305103的博客 696

w3school javascript教程:JS基础

javascript简介 javascript这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。 JavaScript

sunk的专栏 1575

【进阶】【JS逆向爬虫】【3.JavaScript 基础语法】变量与常量

变量与常量 1. 什么是变量 2. 变量的命名规范 3. 声明变量与变量赋值 案例 - 交换两个变量的值 4. 什么是常量

weixin_43612602的博客 819

前端开发入门书籍推荐:Vue.js 3与前端基础的完美组合

这两本前端开发入门书籍形成完美互补:《循序渐进Vue.js 3前端开发实战》从基础到进阶系统讲解Vue 3框架,重点介绍新特性;《网页设计与制作》则夯实HTML5、CSS3和JavaScript三大基础。建议先掌握基础知识,再结合框架学习,通过实践案例巩固技能。这套组合能帮助初学者建立完整的前端知识体系,避免走弯路,是值得投资的系统学习方案。

weixin_56334307的博客 719

D3.js数据可视化基础——基于Notepad++、IDEA前端开发

D3数据可视化基础。

所念皆星河 968

Ubuntu配置Qt Creator树莓派交叉编译环境一步到位

本文详细指导在Ubuntu系统上配置Qt Creator树莓派交叉编译环境。从工具链安装、sysroot创建到Qt库编译,逐步讲解如何搭建完整的ARMv7交叉编译工具链,实现高效开发树莓派应用。

1277

JavaScript Node.js基础3

包(文件夹) 多个文件,有效的被组织与管理的一个单位 留一个入口 npm 自己先有一个包描述文件 创建一个包描述文件 npm init 下载一个包 npm install art-template jquery@1.5.1 --save 记录依赖--save 根据package.json文件中的dependencies属性恢复依赖 恢复包 npm install 卸载一个包 npm uninstall jquery@1.5.1 --save 查看包的信息 npm info jquery

qq_41252705的博客 1042

Vue3+codemirror6实现公式(规则)编辑器

vue3+codemirror6+ts实现公式编辑器,可以插入标签、公式,也有补全提示

小阮的笔记本 5050

【JS 基础】3 种 JavaScript 代码编写位置,新手必看!

内嵌<script>标签:适合小demo、临时测试,注意放在<body>末尾;外部 JS 文件引入:实际开发首选,实现代码分离,便于维护和复用;标签内写事件:仅了解即可,项目中尽量避免使用。掌握这三种写法的区别和适用场景,能让你在前端开发中更规范地编写 JS 代码,也为后续学习更复杂的前端工程化打下基础。微信公众号:二等小饼干。

Biexiansheng的博客 658

UE4免费资产库新玩法:Quixel Bridge插件安装与Megascans资源导入全攻略

本文详细介绍了如何在UE4中安装Quixel Bridge插件并导入Megascans资源,帮助开发者快速获取高质量3D资产。通过分步教程和实用技巧,提升游戏或影视场景的制作效率,特别适合需要真实感环境的项目。

weixin_27729671的博客 368

用74LS194和555定时器DIY流水灯:一个经典的数字电路课程设计复盘(附Multisim仿真文件)

本文详细介绍了使用74LS194移位寄存器和555定时器搭建八路彩灯控制器的完整过程,包括硬件选型、电路设计、调试技巧及常见问题解决方案。作为经典的数字电路课程设计,该项目涵盖了EDA工具应用、电路原理图设计和Multisim仿真等核心技能,适合电子工程学习者实践参考。

weixin_29185199的博客 427

web3.js基础知识简单汇总

使用JavaScript 来开发 DApp时,很多时候需要使用到 web3.js。当然,也可以选择使用ethers.js。

lqins的博客 4003

《跨界杂谈》华为印象(五):高度集权的矩阵式架构

高度集权的矩阵式架构 “高度集权的矩阵式架构”不是官方术语。是笔者的一位同事非常经典的总结。解释这个句话还是有点困难的,笔者入职华为三年也没彻底搞明白,在这里只能尝试性的解释一下。 矩阵 我们先看一下“矩阵”。华为有两套部门职能体系,华为内部术语,叫实线部门和虚线部门。由实线与虚线部门交叉构成矩阵。大部分(但不是所有)华为员工都由两个部门(两个领导)进行管理。对员工而言,所谓的实线部

《云计算架构技术与实践》 2996

D3.js基础

一、D3基础 1. D3是什么 D3(Data-Driver Documents,数据驱动文档)是基于数据来操作文档的JS库。主要用来做数据可视化的,能帮助用户使用HTML、CSS、SVG、Canvas来展示数据。D3遵循现有的Web标准无需其他任何框架而独立在现代浏览器中,它结合强大的可视化组件来驱动DOM操作。 D3可将数据绑定到DOM上,然后根据数据来计算对应DOM的属性值。...

JunChow 271

图像传感器与信号处理——详解CCD与CMOS图像传感器

一文详解CCD与CMOS图像传感器一文详解CCD与CMOS图像传感器1. 图像传感器性能关键词1.1 噪声1.2 暗电流 一文详解CCD与CMOS图像传感器 本文主要总结了CCD与CMOS传感器的原理知识,参考书籍为《数码相机中图像传感器和信号处理》,英文版为《Image Sensors And Signal Processing for Digital Still Cameras》 1. 图像传...

weixin_44580210的博客 2万+

YOLO 线性小目标涨点|3890 张输电导线散股 VOC+YOLO 单类别数据集实战,无人机电力缺陷巡检全流程落地

架空输电导线是电网能量传输核心载体,长期受风力摆动、雷击、腐蚀、外力撞击作用,外层铝股极易出现断裂散股故障。导线散股初期仅少量铝丝开裂,肉眼与无人机远距离航拍下属于细长微弱线性小目标;若未及时发现,散股会持续扩张,引发导线过热、断线、大面积停电重大电力安全事故。传统人工巡检存在多重行业痛点:山区、跨江河线路人员无法攀爬登杆,高空作业人身坠落风险极高;无人机单次航拍产出数千张高清图片,人工逐帧筛查微小散股耗时 3-5 天,阴天、逆光、植被遮挡场景漏检率超 45;

lin_xiu的博客 52

JavaScript学习笔记——JS基础3

31if练习一 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> /* * 从键盘输入小明的期末成绩: * 当成绩为100时,'奖励一辆BMW' * 当成绩为[80-99]时,'奖励一台iphone15...

薛定谔的猫 642

基于本机知识库 + 豆包(火山引擎)+ MCP的落地方案

最小 MVP:本地知识库 + Doubao Embedding + 简单检索。工具化:把检索/写入/系统功能通过 MCP 封装。Agent 编排:RAG 流程 + 自检 + 引用输出。这样你就可以快速落地一个基于豆包 + 本机知识库的 MCP Agent。

lpfasd123的博客 1097

d3js精通教程_d3js从基础到精通第二部分

d3js精通教程In the last article we learned about fundamentals of D3js such as selections, DOM Manipulation, SVG, Scales and data binding. If you are getting started with D3js, I highly recommend reading t...

weixin_26720475的博客 415

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

javascript教程(3)——JS函数的基础知识

1.函数基础知识 1.1函数的定义 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。【简而言之,函数是为了实现某种特定功能的代码块】。   1.2函数的分类和调用 我们JS里面分为系统函数和自定义函数。所谓的系统函数就是JS为我们已经提供好的函数,而自定义函数就是我们自己写的为了实现某种特定功能的函数。     系统函数:   console.log()  // 控制台...

wydsnza的博客 566

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

d3.js基础

本文引用 极客学院的d3基础教程 d3添加文字 d3.select('svg').append('text') .text('测试api') .attr({ // 需要修改源码支持object输入 x: 300,y:300,fill:'red', dx: 20, // 偏移 }) ...

coding 330

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

D3.JS基础语法

一、选择元素dom 在d3.js中,选择的元素的函数有两个: d3.select():选择一个元素,如果有多个则选择第一个 d3.selectAll():选择所有的符合条件的元素 常见的用法如下: var body = d3.select("body");//选择文档中的body元素 var svg = body.select("svg");//选择body中的svg元素 var p = body.selectAll("p");//选择body中所有的p元素

happy81997的博客 863

JavaScript笔记整理3 -- JS基础概念之 变量与函数

JavaScript笔记整理3 -- JS基础概念之 变量与函数变量什么是变量声明和定义变量声明变量定义变量变量名的命名规则变量的数据类型typeof 方法基本(标量)数据类型字符串型String数值型类型Number布尔型Boolean未定义型undefined空型null复合数据类型对象Object数组Array变量数据类型的转换自动转换强制转换函数1:`Boolean(`变量名`)`函数2:...

DonkeyL's 346

H5 C3 JS 大前端基础课免费赠送

学完后可独立开发静态页面并具备初级前端工程师能力。此课程设计兼顾深度与广度,适合。

张晨光老师的播客 1101

JavaScript(3)__Js基础<数组>

1:数组的定义    1:定于并且赋值,定义要用的中括号 2:先定义,再赋值 2:数组的键名 JavaScript语言规定,对象的键名一律为字符串,所以,数组的键名其实也是字符串。之所以可以用数值读取,是因为非字符串的键名会被转为字符串。 3:数组的length长度    1:只要是数组,就一定有lengt

Richard_xx的博客 446
上一篇: javaScript基础2
下一篇: Web API之DOM
ldd_eb
博客等级 码龄3年 509粉丝 74原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值