JS 初级 二(接上)

时间:2022-11-01 16:28:17

传送门--http://www.cnblogs.com/Sabo-dudu/p/5786683.html (一)

六. JS 数组类型

数组是一种保存数据的有序列表,数组的每一项可以保存人意类型的数据,

数组的大小可以动态调整,可以随着 数据的添加自动增长以容纳新增数据

1>.数组的创建

a. 创建数组 new Array() ;

b. 字面量形式[]

2>.数组中的冒泡排序法

  • for (var i = 0; i < array.length - 1; i++) {
  • for (var j = 0; j < array.length - 1 - i; j++) {
  • if (array[j] > array[j + 1]) {
  • var tmp = array[j];
  • array[j] = array[j + 1];
  • array[j + 1] = tmp;
  • }
  • }
  • }

3>. 数组常用的属性和方法

a. 数组的长度,即元素的个数lenght

b. 获取数组元素的方式为数组的下标,范围(0到 lenght-1)

c. 尾部添加元素 push()

d. 尾部删除元素 pop()

e. 头部添加元素 unshift ()

f.  头部删除元素 shift ()

g. 数组翻转的方法 reverse() 数组排列(降序排列)

h. 查找元素在数组中的对应下标 indexOf ()

j. 最后 一个 元素的下标 lastIndexOf  ()

k. 数组的拼接,返回新的数组 concat ()

l. splice (替换指定下标元素, 删除以某个下标起始的后 n个元素, 将元素插入到指定下标 )

  • splice (起始位置,长度) 从起始位置开始,删除长度个元素
  • splide (起始位置,0, 要插入的元素1,要插入的元素2) 从起始位置删除0个元素,然后把插入的元素从起始位置插入进数组
  • splice (要替换元素起始位置, 要替换元素的长度,新替换的元素)

m. 可以使用 括号中的参数作为数组中的元素分隔符   join ()

n. 数组的排序  sort() 按照 ASICC 阿斯克玛表 (升序排列)

七. String 字符串

1>. 定义:

a.其他类型数据转换成字符串的方法   toSting ()

b. String ()

c. 字面量形式 ' ' , "  "

2>. 字符串常用的方法和属性

a. 长度属性 lenght

b. 指定下标的字符charAt ()  范围 0到 lenght -1

c. 求子字符串(substring 参数不能为负, substr, slice  接受负数,-1 指字符串最好 一个字符)

d. 字符切割 split () 两个参数 第一个是用于切分的字符,第二个数组的长度

e. 查找字符串,返回字符在目标字符串中的下标,未找到则返回 -1  search ()

f. 字符串替换 replace ()

g. 字符串拼接 concat ()

八. Math 类

1>. 求最小值min ()

2>. 求最大值max ()

3>. 向上取整ceil ()

4>. 向下取整floor ()

5>. 四舍五入 round ()

6>. 求0-1随机数 random ()  求任意范围[a,b]之间的随机数:

Math.floor(Math.random() *(b-a+1) +a)

九.  Date 类

1>. 获取当前的日期  new Date ()

2>. 获取年份 getYaer ()三位, 获取完整年份  getFullYear ()

3>. 获取月份 getMonth  () 从0开始,即 0为一月

4>. 获取星期 getDay () 从0开始, 即星期日为 0

5>.  获取小时 getHours ()

6>. 获取分钟 getMinutes  ()

7>. 获取秒数 getSeconds ()

8>. 获取当前时间到 1970年 1月1日0时的时间间隔,单位:毫秒 getTimes ()

9>. 获取当前日期的毫秒 getMilliseconds ()

十. DOM

1>.概念

Documetn Object Model  文档对象模型

  • JavaScript 能够改变页面中的所有 HTML 元素
  • JavaScript 能够改变页面中的所有 HTML 属性
  • JavaScript 能够改变页面中的所有 CSS 样式
  • JavaScript 能够对页面中的所有事件做出反应

2.> 常用方法

a. 根据标签的id获取标签  getElementById ()

b. 根据标签名获取标签   getElementsByTagName ()   返回数组

c. 根据name 获取标签  getElementsByName ()   返回数组

d. 根据className来获取标签  getElementsByClessName ()  返回数组

e. 创建标签createElement ()

f.  添加子标签 appendChild ()

g. 获取子标签数组  children() 和 childNodes ()

h. 删除子标签  removeChild ()

j. 替换标签 replaceChild ()

k. 插入标签 insertBefore ()

l.  复制子标签 cloneNodes ()

m. 获取父级标签 parebtNode ()

JS 初级 二(接上)的更多相关文章

  1. Coding 初级教程(二)——上传已有项目

    Coding 初级教程(二)——上传已有项目 [摘要:方针读者 :已具有 Coding.net 的账号. 本文首要先容若何把项目上传到 Coding.net 上. 分两种环境,一种是项目已归入到 gi ...

  2. 【原创】高性能网络编程&lpar;二&rpar;:上一个10年,著名的C10K并发连接问题

    1.前言 对于高性能即时通讯技术(或者说互联网编程)比较关注的开发者,对C10K问题(即单机1万个并发连接问题)应该都有所了解."C10K"概念最早由Dan Kegel发布于其个人 ...

  3. 前端总结&&num;183&semi;基础篇&&num;183&semi;JS(二)数组深拷贝、去重以及字符串反序和数组(Array)

    目录 这是<前端总结·基础篇·JS>系列的第二篇,主要总结一下JS数组的使用.技巧以及常用方法. 一.数组使用 1.1 定义数组 1.2 使用数组 1.3 类型检测 二.常用技巧 2.1 ...

  4. js实现oss文件上传及一些问题

    关于兼容性问题,ie8以下的可以使用4.x的版本 一.引入sdk和jq <script src="http://libs.baidu.com/jquery/2.0.0/jquery.m ...

  5. js生成二维码以及点击下载二维码

    js生成二维码 jquery.qrcode.js可以快速使用页面生成二维码.但改项目有两个小问题:1.不支持中文:2.不支持二维码中间生成图片. 支持中文的jquery-qrcode jquery.q ...

  6. JS的二维数组

    今天,记录一下JS的二位数组,并附上例题. 一.二维数组的本质:数组中的元素又是数组. 其实,我们都见过这样的二维数组,只不过没在意罢了,例如: var arr = [[1,2,4,6],[2,4,7 ...

  7. Java与JS生成二维码

    1.二维码概念 二维码/二维条码是用某种特定的集合图形按一定规律在平面上(二维方向上)分布的黑白相间的图形记录数据符号信息的图片. 黑线是二进制的1,空白的地方是二进制的0,通过1.0这种数据组合用于 ...

  8. js 生成二维码图片

    1.用纯JavaScript实现的微信二维码图片生成器 QRCode.js是javascript实现二维码(QRCode)制作生成库. QRCode.js有着良好的跨浏览器兼容性(高版本使用HTML5 ...

  9. js生成二维码的jquery组件–qrcode

    js生成二维码的jquery组件–qrcode 2015/01/30 / 2508 VIEWS / JAVASCRIPT, JQUERY 有一些耗cpu的计算,完全可以在客户端上计算,比如生成二维码. ...

随机推荐

  1. 如何创建C&num; Closure &quest;

    JavaScript中一个重要的概念就是闭包,闭包在JavaScript中有大量的应用,但是你知道么?C#也可以创建Closure.下面就介绍一下如何在C#中创建神奇的闭包. 在这之前,我们必须先知道 ...

  2. 清除IE中Ajax缓存,Chrome不需要

    做项目的时候,会遇到这种情况,通过ajax从后台获取的数据在chrome上显示的是最新的,而在IE上却是以前的数据,这是为什么呢,在我百般调试下终于发现原来是因为IE的ajax缓存的原因,于是加上这段 ...

  3. iOS - UI - UITextView

    1.UITextView //因为继承于UIScrollView 拥有scrollView的所有属性和方法 //placeholder只有UITextField有,UITextView是没有的.(提示 ...

  4. nodejs基础安装

    安装Nodejs需要从官网上下载一个最新的安装包,运行.我这里是win764位系统. 下载版本6.5.0 由于去外国的镜像上下载东西比较慢,淘宝为我们准备了国内的镜像.我们需要安装国内镜像的使用工具. ...

  5. 多线程归并排序的实现 java

    多线程是非常适合归并排序的,因为归并排序是分治法,所以分割后可以独立运行,最后将结果归并起来就行了.如何写一个多线程程序呢?今天无聊,总结一下啊. 首先写个普通的归并排序,以后的多线程就调用这个排序. ...

  6. iOS证书详解--再转

    一.成员介绍1.    Certification(证书)证书是对电脑开发资格的认证,每个开发者帐号有一套,分为两种:1)    Developer Certification(开发证书)安装在电脑上 ...

  7. Sqlserver 正则替换函数的一种实现

    --函数 IF OBJECT_ID(N'dbo.RegexReplace') IS NOT NULL DROP FUNCTION dbo.RegexReplace GO CREATE FUNCTION ...

  8. Poj2946-The Warehouse&lpar;bfs&plus;哈希&rpar;

    题目我就不粘贴了... 题意:给出地图,最大8*8,出口用'E'表示,空地用'.'表示,数字表示此处有多少个箱子,主人公的起点应该是在有箱子的地方,他可以朝四个方向移动,但是只有两种方式 一种是他移动 ...

  9. javascript 作用域链与执行环境

    前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! 作用域.作用域链.执行环境.执行环境栈以及this的概念在javascript中非常重要,本人经常弄混淆, ...

  10. react 源码之setState

    今天看了react源码,仅以记录. 1:monorepo (react 的代码管理方式) 与multirepo 相对. monorepo是单代码仓库, 是把所有相关项目都集中在一个代码仓库中,每个mo ...