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是一种节点查找手段,对比之前使用标准 ...
随机推荐
- vue 的rem 配置和flexible.js的应用
1.环境的配置: C:\Windows\System32\drivers\etc 2.多行注释: 光标放在函数中间,连按两次:“Ctrl+Alt+D”,就会出现以下的内容 3.总结使用过程:vue移动 ...
- 浅析LRC歌词文件
[时间:2018-12] [状态:Open] [关键词:字幕,LRC,歌词,lyric,文件格式] 0 引言 几年前(2010年左右),网络音乐流行与免费的时代,网上有大量的mp3,使用比较常见的播放 ...
- WPF ViewModelLocator
在WPF中应用ViewModelLocator <Window x:Class="Demo.Views.MainWindow" ... xmlns:prism="h ...
- 单行显示三级分销记录(同表自join)
1)首先是一个简单的三级分销(邀请与被邀请),表结构是酱紫的 CREATE TABLE `d_user_invite` ( `invite_id` ) NOT NULL AUTO_INCREMENT, ...
- 使用 ES2015 编写 Gulp 构建
Gulp 自 v3.9.0 版本增加对 Babel 的支持,也就是说可以使用 ES2015 语法来编写 gulp 任务. 检查 gulp 版本 $ gulp -v 确保 gulp-cli 和 gulp ...
- JS设计模式——单例模式剖析
转载于原文地址:https://blog.csdn.net/q1056843325/article/details/52933426 举一个通俗的例子,在页面中点击登录按钮,弹出了一个登录浮窗,这个登 ...
- 【数据库问题】sql server 获取MD5值结果不一致的问题 substring(sys.fn_sqlvarbasetostr(HashBytes('MD5','111111')),11,32)
获取 111111 的MD5值 SELECT substring(sys.fn_sqlvarbasetostr(HashBytes(,) 执行结果:965eb72c92a549dd5a330112 但 ...
- [原]Jenkins(二十一) jenkins再出发Build periodically和Poll SCM
缘由: 使用jenkins的目的需要固定时间构建和间隔固定时间构建,所以才会用到这两个功能. 位置:这两个功能的位置位于每个job的config项中,如下图: [重要的注意点:] ...
- 11.14 luffycity项目(6)
2018-11-14 21:26:45 实现了购物车功能! 涉及到了redis的使用 需要在pycharm中下载 django_redis 其他的看一下笔记,有购物车里面数据存储的结构才发现数据 ...
- [LeetCode] Majority Element 求大多数
Given an array of size n, find the majority element. The majority element is the element that appear ...