javascript常用的操作
1.concat() 连接两个或更多的数组,并返回一个新的数组。注意:该方法不会改变原数组
var arry1=["李四",“王二”]; var arry2=['赵柳',“李旺”];
var arry3=arry1.concat(arry2);
console.log(arry3) //输出:李四,王二,赵柳,李旺
2.every() 检查数组中的元素,都是否符合制定条件(通过函数提供),如果有一个不满足,就返回false,后面的不会再检测,都满足返回true 注意: every() 不会对空数组进行检测。 不会改变原始数组
var arr=[18,19,5,23];
function check(val){
return val>18
}
arr.every(check); 返回 false
3.fill 使用固定值填充数组 语法:arr.fill(value,start,end)
var arr=[5,8,88,99];
arr.fill("测试",2,4);
console.log(arr) // 5 ,8 测试 ,测试
4.filter 返回数组中所有符合条件的值 语法:arr.filter(function(value,index,arr){}) 注意:不会改变原数组,不会对空数组进行检测
var arr=[5,9,6];
varnewarr=arr.filter(function(val){
return var>5
})
console.log(newarr); //6,9
console.log(arr); //5,6,9
5.find 返回数组中符合条件的第一个元素(函数内判断),如果都没有则返回undefiend 语法:arr.find(function(currentValue,index ,arr){})
var arr=[1,8,9,33,55];
var newarr=arr.find(function(value){
return value>9
})
console.log(newarr) // 33
console.log(arr) //1,8,9,33,5 6.findindex 返回数组中符合条件的第一个元素的index,如果没有则返回-1 语法:arr.findindex(function(value,index,arr){}) 注意:对于空数组不执行,不会改变原数组
var arr=[5,8.9];
var newarr=arr.findindex(function(val){
returen val>5
})
console.log(newarr) //1
7.includes 判端一个数组是否包含指定的值,有返回true,否则返回false 语法; arr.includes(value,从何处开始查找)
var arr=[5,8,9];
var newarr=arr.includes(5,1);
console.log(newarr) //false
8.indexof 返回数组中某个元素出现的位置 ,没有则返回-1 语法:arr.indexof(value,从何处开始)
var arr=[5,8,9];
console.log(arr.indexOf(8)) //1
console.log(arr.indexOf(8,2)) //-1
9.join 把数组中的元素,转换成一个字符串 语法: arr.join(指定分割符) //如果没有则默认用逗号隔开
var arr=[5,8,9];
console.log(arr.join()); //5,8,9
10.map 返回一个新数组, 注意:不会改变原数组,不会对空数组进行检测 跟foreach类似
var arr=[{name:"李四",age:18},{name:"王二",age:15}]
var vl=arr.map(x=>{
return x.name
})
console.log(vl) //["李四", "王二"]
11.pop 删除数据中的最后一个元素 ,返回新的数组,改变了数组长度
var arr=[5,8,9];
arr.pop();
console.log(arr); //[5, 8]
12 shift 删除数组中的第一个元素,返回新数组,改变了数组长度
var arr=[5,8,9];
arr.shift();
console.log(arr); //[ 8,9]
13 push 向数据末尾添加一个或多个元素
var arr=[5,8,9];
arr.push({name:"王二",age:19},{name:"李武",age:18});
console.log(arr) //[5, 8, 9, {…}, {…}]
14 unshift 向数组开头添加一个或多个元素
var arr=[5,8,9];
arr.unshift({name:"王二",age:19},{name:"李武",age:18});
console.log(arr) // [{…}, {…}, 5, 8, 9] 15 reverse 数组反转 语法 arr.recerse()
var arr=[5,6,7];
console.log(arr.reverse); ///[7,6,5]
16 slice 从已有数组中返回选定的数组 语法 arr.slice(start,end); 注意:该方法不会改变原数组
var arr=[5,9,8,5,1];
console.log(arr.slice(1,3)); //[9,8]
17 some(跟every相反) 检测数组中的元素是否满足指定条件,如果有一个满足则返回true,剩余的不会检测,都不满足返回false 注意:不会改变原数组,不对空的进行检测
var arr=[8,9,10,25];
var newarr=arr.some(function(val){
return val >=10
})
console.log(newarr) //true
18 sort 对数组元素进行排序 注意:会改变原始数组 语法: arr.sort(function(){})
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});
19.splice 添加或删除数组中的元素 语法:spclie(index,num,item) 注意:会改变原数组
var arr=[1,2,8,9];
arr.splice(1,2,15,49);
console.log(arr) //[1,15,49,9]
javascript常用的操作的更多相关文章
- javascript 常用DOM操作整理
.选取了DOM操作中实用并常用的部分,省略了实用但有明显兼容性的部分2.DOM属性和方法的类型归属可能并不完全准确3.某些一般兼容性和特点做了标识(主要是ie8-9上下) 节点类型 节点类型 节点值 ...
- javascript:常用数组操作
concat()方法 数组和数组的 粘结: var a=[1,2,3,4]; var b=[5,6,7,8]; var c=a.concat(b); console.log(c); // [1,2,3 ...
- select元素javascript常用操作 转
/*------------------------------------------------------ *作者:xieyu @ 2007-08-14 *语言:JavaScript *说明:s ...
- 第二篇、JavaScript常用的API
下面是我整理的一些JavaScript常用的API清单. 目录 元素查找 class操作 节点操作 属性操作 内容操作 css操作 位置大小 事件 DOM加载完毕 绑定上下文 去除空格 Ajax JS ...
- JavaScript常用正则表达式与应用(一)
JavaScript的String类和RegExp对象类都定义了相关方法使用正则表达式进行模式匹配,本文将以连载方式介绍JavaScript常用正则表达式与相关应用,欢迎交流 本节是连载一,首先介绍J ...
- javascript常用代码大全
http://caibaojian.com/288.html 原文链接 jquery选中radio //如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_ca ...
- Javascript 常用函数【3】
jquery选中radio //如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_category").each(function() { if ($(t ...
- javascript常用知识点集
javascript常用知识点集 目录结构 一.jquery源码中常见知识点 二.javascript中原型链常见的知识点 三.常用的方法集知识点 一.jquery源码中常见的知识点 1.string ...
- 第一百二十六节,JavaScript,XPath操作xml节点
第一百二十六节,JavaScript,XPath操作xml节点 学习要点: 1.IE中的XPath 2.W3C中的XPath 3.XPath跨浏览器兼容 XPath是一种节点查找手段,对比之前使用标准 ...
随机推荐
- 【原创 深度学习与TensorFlow 动手实践系列 - 2】第二课:传统神经网络
第二课 传统神经网络 <深度学习>整体结构: 线性回归 -> 神经网络 -> 卷积神经网络(CNN)-> 循环神经网络(RNN)- LSTM 目标分类(人脸识别,物品识别 ...
- [MySQL Code]Innodb 锁分配和锁冲突判断
根据阿里月报 : MySQL · 引擎特性 · InnoDB 事务锁系统简介 MySQL · 引擎特性 · Innodb 锁子系统浅析 行锁的入口:rec_lock_rec
- vs code 设置问题
现已取消 .vue 文件与 HTML 的默认关联,需要手动配置.vue 文件里不能使用div + Tab 键快速生成 html 代码 "emmet.syntaxProfiles" ...
- shell切分字符串到数组
shell切分字符串到数组 问题: 对于’aa,bb,cc,dd,ee’这样的字符串输出采用,分隔开的aa bb cc dd ee aa:bb is ok:/home/work按照":&qu ...
- bat搜集
1. 删除文件夹下指定名称的所有子文件夹 @echo off ::设置要保留的文件夹名,多个文件夹之间用英文逗号隔开,如果包含空格或英文逗号,英文&以及其它一些特殊字符的名字,请把该完整名字用 ...
- MVC教程四:Controller向View传值的几种方式
一.通过ViewData传值 MVC从开始版本就一直支持使用ViewData将Controller里面的数据传递到View.ViewData定义如下: 从上面的截图中可以看出,ViewData里面存的 ...
- mac 上使用 zip 版的mysql
1. 下载: 2. 解压,然后复制到需要的目录下 3. 修改 /usr/local/mysql的所有者为mysql: chown -R mysql:mysql mysql (这一步我是没做,爱做不做. ...
- ubuntu cli
查看安装包的路径 dpkg -L redis-server 防火墙 ufw redis 相关 service redis-server restart
- Springboot多数据源配置--数据源动态切换
在上一篇我们介绍了多数据源,但是我们会发现在实际中我们很少直接获取数据源对象进行操作,我们常用的是jdbcTemplate或者是jpa进行操作数据库.那么这一节我们将要介绍怎么进行多数据源动态切换.添 ...
- webpack模块化原理
https://segmentfault.com/a/1190000010349749 webpack模块化原理-commonjs https://segmentfault.com/a/119 ...