JavaScript JS数组的操作
JavaScript JS数组的操作
数组的操作
数据的循环本质上是。通过生成索引的下标 来获取数组中 的每一个单元存储的具体的数值
for的循环 for ···in和forEach的循环。
for循环可以通过控制循环的次数 来控制变量
for···in 循环一般用于字符串的循环
forEach 的循环一般都是用于数组的循环
数组常用的方法
调用:[]中括号的调用
修改:就是对一个数字的 重新的赋值的过程
删除: 通过控制数组的length的属性来删除末尾的数值
新增:对没有的数值进行赋值 就是对一个数组的新增 但是要注意的是 需要 新增的索引必须是连续的
不然会出现 empty 的索引 调用的结果就是一个undefined
数组.unshift()——首位 新增
数组.shift()———首位 删除
数组.push———末尾 新增
数组.pop——— 末尾删除
数组.splice(参数1,参数2, [形参····])———删除指定的数据的单元 、
形参1—就是删除的起始单元的索引的下标
形参2—删除单元的个数。
形参——就是被替换的内容可以是一个也可以是多个 用逗号隔开
数组.indexOf(形参1,形参2) 查询的是否有这个指定的数值 做的事比较严格的比较 ===。
形参1 —需要查询的数值。
形参2—查询起始单元的索引下标 默认值事0 页就是第一个单元开始查询
返回值 ——如果有匹配就返回存储这个单元的索引的下标,如果没有这个数值 那么返回一个 -1
数组.sort()———数组数值的排序默认的事按照字母字符的大小写来进行排序的
数组.sort( function (a , b){return a-b} ) ——从小到大
数组.sort( function (a , b){return b-a} ) ——从大到小
数组.reverse( ) ——数据的倒叙
数据.join(‘ 间隔的符号 ’)——将数组单元的数据获取 按照间隔符号 拼接为字符串
字符串.split(‘ 间隔的符号’)——将字符串的内容 按照间隔的符号 分割为数组
新增 ——的话可以一个单元可以同时新增 多个单元 多个单元用逗号隔开
执行结果的返回值 就是 新增后 这个数组的length的长度
删除 —— 一次只能删除一个单元
执行结果的返回值就是这个被删除的单元
关键字的 替换
数组的去重
冒泡排序
选择排序
第二天的内容
JavaScript中字符串的操作的方法:字符串 又叫做包装数据类型当我们对字符串进行操作的时候字符串会吧自己包装成一个伪数组 的形式
可以使用数据的一些方法 但是大多数方法是无法正常的使用的 支持[] 语法 通过索引的下标 调用数组 以及 length 的属性。但是不支持数据的方法
字符串.toString( ) ————其他的类型转化为字符串类型
字符串.indexOf(参数1,参数2)———查询字符串是否有这个数据。 需要区分大小写
参数1,需要查询的字符
参数2 ,查询起始位置的索引 、
返回值,匹配的索引的下标
注意,如果当前的字符串 中 有多个值 那么在这个返回的只是第一个查询到的数值
字符串.lastIndexOf():———同上 只不过 他是从后面开始操作的
字符串.toLowerCase( ) ———字符串的所有的字母转化为小写的字母 不改变原始的数值 必须要将返回值再次的赋值给他的本身
字符串 toUpperCase()———将所有的字符串转化为大写的字母。同上
字符串.split(‘ 间隔符号’ )———— 按照间隔的符号将字符串 转换为数组
字符串.replace( 参数1,参数2)——替换 不会改变字符串的原始的内容 所以必须将他的返回值再次的赋值给他的本身
参数1——原始的要替换的内容
参数2——-要替换进来的内容
注意————默认的模式是懒惰的 只会替换 找到的第一个内容。需要通过正则表达式来 规定
字符串.substr( 参数1,参数2)截取 字符串 从原始的字符串 获取 与部分的内容 为新的字符串
参数1———指定截取的位置
参数2———指定截取的字符的长度(如果是 空的字符串截取的内容就是空的字符串)
随机的验证码
截取文件的扩展名
判断截取的扩展名是否符合规格
JavaScript的对象 object/obj。 字面量的创建。var obj.={ }; 构造函数的创建。 var obj = new. Object( );
对象的基本的操作 与数据的基本的类型。
语法 1———对象.属性
语法2———对象[ 属性]
对象 的新增 修改 和 调用差不多 删除是 delete(对象.属性)
内置对象 ——Math
Math.random() ——生成 0 - 1的小数
Math.round() ———四舍五入
Math.floor() ——向下去整
Math.ceil()——向上取整
Math.pow()——乘方远算 幂运算
Math.abs()——绝对值
Math.sqrt()——平方根
Math.PI()——— 圆周率
内置对象 ———Date
var d = new Date();???创建获取当前的时间
var year = d.getFullYear();??? 获取4位的年份
var month = d.getMonth()+1;??? 获取月份
var date = d.getDate();??? 获取日期
var week = d.getDay(); ??? 获取星期
var hours = d.getHours(); ??? 获取小时
var minutes = d.getMinutes();??? 获取分钟
var seconds = d.getSeconds();??? 获取秒
定时器 ???的执行
setInterval( function(){ 程序的内容},间隔的时间) ———定时器
默认的定时器会一直的执行 除非我们终止了定时器
clearInterval( 定时器)———关闭定时器
setTimeout(function(){console.log(‘张老师每天都最帅’)} , 5000);??? 只会执行一次
2,使用语法,清除指定的定时器
// clearInterval() clearTimeout()
// 可以混用 clearInterval()也可以清除延时器
// clearTimeout()也可以清除定时器
// 原因:定时器,延时器,都是异步执行程序
// 序号排序公用一个数列
// 顺序与间隔时间无关,只和代码顺序有关
DOM的基本的操作
var oDiv1 = document.getElementById(‘div1’); ???通过标签id属性的属性值 — id是标签唯一的标识符
var oDivs1 = document.getElementsByTagName(‘div’);???通过 标签名称 获取标签对象
var oDivs2 = document.getElementsByClassName(‘div2’);3,???通过 标签class属性的属性值
var oDivs3 = document.getElementsByName(‘div3?);???通过 标签name属性的属性值
var oDiv2 = document.querySelector(‘div?);???标签名称 通过标签名称获取标签对象
var oDiv2 = document.querySelector(’#div1?);???#id属性值 通过id属性值获取标签对象
var oDiv2 = document.querySelector(’.div2?);???.class属性值 通过class属性值获取标签对象
DOM操作之标签的文本 内容操作
标签对象.innerHTML------------支持获取 和写入标签的对象
标签对象.innerText------------- 不支持写入标签对象
本文地址:https://blog.csdn.net/weixin_46688757/article/details/107283096