数组方法

json数据格式

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>
var json = { name : 'leo', age : 32 };
// alert( json.name );

var arrUrl = [ 'img/1.png', 'img/2.png', 'img/3.png', 'img/4.png' ];
var arrText = [ '小宠物', '图片二', '图片三', '面具' ];

var imgData = {
url : [ 'img/1.png', 'img/2.png', 'img/3.png', 'img/4.png' ],
text : [ '小宠物', '图片二', '图片三', '面具' ]
};
// alert( imgData.url[2] );

// var json2 = { name : 'miaov' };
var json2 = { 'name' : 'miaov' };

// alert( json2.name );
// alert( json2['name'] );
json2.name = '妙味';
json2['name'] = 'miaov';
// alert(json2.name);

var json3 = { abc : 123, xyz : '' };
// { [], [], [] } [ {}, {}, {} ]
var arr = [ { 'name' : 'TM', 'age' : 23 }, { 'name' : 'leo', 'age' : 32 } ];
// alert( arr[0].name + '今年有' + arr[1]['age'] );


var json4 = { 'name' : 'miaov', 'age' : 3, 'fun' : '前端开发' };

for ( var attr in json4 ) {
// alert( attr );
// alert( json4[attr] );
}

var json5 = {
'url' : [ 'img/1.png', 'img/2.png', 'img/3.png', 'img/4.png' ],
'text' : [ '小宠物', '图片二', '图片三', '面具' ]
};

// var arr = [ {}, {}, {} ];

for ( var attr in json5 ) {
for ( var i=0; i < json5[attr].length; i++ ) {
alert( json5[attr][i] );
}
}


</script>

</head>

<body>
</body>
</html>

 

for-in  遍历对象属性

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>

<body>

<script>
var str = '';
var num = 0;
for ( var attr in document ) {
str += num + '. ' + attr + ':' +document[attr] + '<br />';
num ++;
}
document.body.innerHTML = str;
</script>

</body>
</html>

 

for循环和for-in的使用

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>
var json = {
'url' : [ 'img/1.png', 'img/2.png', 'img/3.png', 'img/4.png' ],
'text' : [ '小宠物', '图片二', '图片三', '面具' ]
};

var arr = [ 'a', 'b', 'c' ];

for ( var i in arr ) {
alert( arr[i] );
}

</script>

</head>

<body>
</body>
</html>

数组的添加方法

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>

var arr = [ 1,2,3 ];

// alert( arr.push( 'abc' ) );

// alert( arr );

alert( arr.unshift( 0 ) ); // IE 6 7 不支持 unshift 返回值

// alert( arr );

</script>

</head>

<body>
</body>
</html>

数组的删除方法

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>

var arr = [ 'TM', '钟毅', '张森', '杜鹏', 'Leo' ];
// alert( arr.pop() );
// alert( arr );
alert( arr.shift() );
// arr.shift();
alert( arr );


</script>

</head>

<body>
</body>
</html>

数组排队

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>

var arr1 = [ 1,2,3,4,5,6 ];

// arr1.reverse();

// alert( arr1 );

var str = 'abcdef';
// alert(str.split('').reverse().join(''));

</script>

</head>

<body>
</body>
</html>

 

splice使用（功能包括：删除、替换、添加）

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>

var arr = [ 'TM', '钟毅', '张森', '杜鹏', 'Leo' ];
// 删除、替换、添加
alert( arr.splice( 0 , 0, 'aaaaaa' ) );

// arr.splice( 0, 2, '莫涛 or 钟毅' );

// alert( arr.splice( 1, 0, '钟毅媳妇儿~', '钟毅媳妇们~' ) );

alert( arr );


</script>

</head>

<body>
</body>
</html>

数组去重

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>
var arr = [ 1,2,2,4,2 ];

for ( var i=0; i<arr.length; i++ ) {
for ( var j=i+1; j<arr.length; j++ ) {
if ( arr[i] == arr[j] ) {
arr.splice( j, 1 );
j--;
}
}
}
alert( arr );

</script>

</head>

<body>
</body>
</html>

sort排序使用

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>
var arr = [ 'c', 'd', 'a', 'e' ];
// arr.sort();
// alert( arr );

var arr2 = [ 4,3,5,5,76,2,0,8 ];
// arr2.sort();
// alert( arr2 );

arr2.sort(function ( a, b ) {
return a - b;
});

// alert( arr2 );

var arrWidth = [ '345px', '23px', '10px', '1000px' ];

arrWidth.sort(function ( a, b ) {
return parseInt(a) - parseInt(b);
});

alert( arrWidth );

</script>

</head>

<body>
</body>
</html>

随机排序

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>
var arr = [ 1,2,3,4,5,6,7,8 ];

arr.sort(function ( a, b ) {
return Math.random() - 0.5;
});

alert( arr );

// alert( Math.random() );

</script>

</head>

<body>
</body>
</html>

随机函数

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>
// alert( Math.round(3.4) );    //四舍五入函数
// 0~1 : Math.round(Math.random());
// 0~10
// alert( Math.round(Math.random()*10) );

// 5~10
// alert( Math.round( Math.random()*5 + 5 ) );

// 10~20
// alert( Math.round( Math.random()*10 + 10 ) );

// 20~100
// alert( Math.round( Math.random()*80 + 20 ) );

// x ~ y
var x = 3;
var y = 49;
// alert( Math.round( Math.random()*(y-x) + x ) );

// 0~x
// alert( Math.round( Math.random()*x) );

// 1~x
alert( Math.ceil( Math.random()*x) );


// 课上小练习：
// 随机产生 100 个从 0 ~ 1000 之间不重复的整数
// var str = 'aaasdlfjhasdlkfs';
// indexOf('s') —— 为数组编写该方法：indexOf('img/1.jpg')

</script>

</head>

<body>
</body>
</html>

concat方法使用

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>

var arr1 = [ 1,2,3 ];
var arr2 = [ 4,5,6 ];
var arr3 = [ 7,8,9 ];

alert( arr1.concat( arr2, arr3 ) );

</script>

</head>

<body>
</body>
</html>

reverse方法使用

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>

var arr1 = [ 1,2,3,4,5,6 ];

// arr1.reverse();

// alert( arr1 );

var str = 'abcdef';
// alert(str.split('').reverse().join(''));

</script>

</head>

<body>
</body>
</html>

转载于:https://www.cnblogs.com/webdjk/p/5338234.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/288416.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

需求分析工程师岗位的职责描述（合集）

需求分析工程师岗位的职责描述（合集）

需求分析工程师岗位的职责描述1 职责&#xff1a; 1&#xff0c;负责需求调研&#xff0c;对需求进行分析&#xff0c;编写解决方案、需求规格说明书等 2&#xff0c;根据需求制作原型&#xff0c;并负责原型展示以及客户沟通等工作 3&#xff0c;负责向技术团队精确地传达业务…
阅读更多...
基于.NET的系统开发需要注意的问题总结

基于.NET的系统开发需要注意的问题总结

从2009年进入大学校园以来，笔者渐渐对程序设计产生了浓厚的兴趣，对程序人生产生了深度的思考。记得刚开始学的第一门计算机语言就是风靡一时的Visual Basic，时至今日，时间已过了六年有余，已初步掌握了VB，C，C++，C#，Python，T-SQL等多种语言。回头想想，一路走来，真的很…
阅读更多...
nginx 下配置使用Thinkphp5解决跨目录活动并且设置网站根目录

nginx 下配置使用Thinkphp5解决跨目录活动并且设置网站根目录

由于TP5框架的一些特性规则&#xff0c;在nginx下导致跨目录的一些访问不能执行 最开始我尝试配置文件夹目录&#xff0c;导致出现各种奇葩错误&#xff0c;然后搜了以下资料发现原来只要简单的修改几个配置文件即可。 声明系统环境&#xff1a; **系统&#xff1a;Centos6.版本…
阅读更多...
剑指offer之先序非递归打印二叉树

剑指offer之先序非递归打印二叉树

1 问题 先序非递归打印二叉树 比如二叉树如下 * 2* 3 5 * 1 4 2 3 * 3 2 1 5 1 4 2 3 先序原则&#xff1a;中左右打印节点&#xff0c;如果左边有节点继续要打做节点&…
阅读更多...
如何使用CPU来加速你的Linux命令

如何使用CPU来加速你的Linux命令

我们都知道 grep, bzip2, wc, awk, sed等等&#xff0c;都是单线程的&#xff0c;只能使用一个CPU内核。那么如何才能使用这些内核? 要想让Linux命令使用所有的CPU内核&#xff0c;我们需要用到GNU Parallel命令&#xff0c;它让我们所有的CPU内核在单机内做神奇的map-reduce操…
阅读更多...
linux命令行设置编码,编码样式-Linux命令行开关和参数是否有标准？

linux命令行设置编码,编码样式-Linux命令行开关和参数是否有标准？

-一种全部(不带参数)。 如果有GNU风格的--all选项&#xff0c;那么-a只能是同义词&#xff0c;这将是非常令人惊讶的。 示例&#xff1a;fuser(1)&#xff0c;fetchmail(1)。如tar(1)中所示追加。 通常将它与-d配对以进行删除。-b缓冲区或块大小(带参数)。 设置临界缓冲区大小&…
阅读更多...
关于nginx为站点绑定域名以及绑定多个域名

关于nginx为站点绑定域名以及绑定多个域名

环境&#xff1a; 系统&#xff1a;Centos6.版本 使用lnmp一键安装包安装环境&#xff08;配置文件地址在其官网有写&#xff09; 找到nginx的conf文件&#xff0c;我的目录为&#xff1a; /usr/local/nginx/conf 随后找到&#xff1a;server_name _; 如果没有配置就是…
阅读更多...
【6】JAVA---地址App小软件（QueryPanel.class）（表现层）

【6】JAVA---地址App小软件（QueryPanel.class）（表现层）

查找模块&#xff1a; 年龄可进行段查找。 其他的都是模糊匹配。 空格为无用字符&#xff0c;会屏蔽的&#xff08;除年龄&#xff09;。 &#xff08;如果在年龄中输入空格&#xff0c;会出现异常&#xff0c;当时没想到这点&#xff0c;要防护这点很容易的&#xff0c;但…
阅读更多...
Edge 超越 Safari 成为全球第二大桌面端浏览器！Firefox 爆降致 Chrome 份额再创新高！...

Edge 超越 Safari 成为全球第二大桌面端浏览器！Firefox 爆降致 Chrome 份额再创新高！...

桌面端StatCounter 近日发布全球桌面端浏览器 2022 年 3 月统计报告&#xff1a;微软 Microsoft Edge 浏览器桌面端市场份额从 9.61% 上升至 9.65%&#xff0c; 苹果 Safari 浏览器桌面端市场份额从 9.77% 下降至 9.56%。 这也意味着微软 Microsoft Edge 浏览器正式超越苹果 Sa…
阅读更多...
ArcGIS Engine 10.2开发环境搭建

ArcGIS Engine 10.2开发环境搭建

1、安装LicenseManager 2、安装Desktop 3、安装VS2012 4、安装Engine 5、安装ArcObject SDK for .NET
阅读更多...
hackgame汇总

hackgame汇总

2019独角兽企业重金招聘Python工程师标准>>> http://www.hackerforever.com/survius.php http://www.funnygames.co.nz/play/hacker http://www.hackerskills.com/ http://www.mod-x.co.uk/whatisit.php http://www.hackerevolution.org/page_hackerevolution.h…
阅读更多...
python subprocess popen 无法打开_使用subprocess.Popen（）在python脚本中设置PYTHONPATH失败...

python subprocess popen 无法打开_使用subprocess.Popen（）在python脚本中设置PYTHONPATH失败...

本问题已经有最佳答案&#xff0c;请猛点这里访问。如果自定义模块不在sys.path变量的任何目录中&#xff0c;下面的代码允许我动态地标识和加载该模块。import syssys.path.append("/lib")但是&#xff0c;这给了我一个错误import subprocessx subprocess.Popen([&…
阅读更多...
剑指offer之中序打印二叉树（非递归实现）

剑指offer之中序打印二叉树（非递归实现）

1 问题 中序打印二叉树&#xff08;非递归实现&#xff09;&#xff0c;比如二叉树如下 /* 2* 3 5 * 1 4 2 3 * 3 2 1 5 1 4 2 3 中序&#xff1a;按左中右来打印二叉树&am…
阅读更多...
linux怎样测试tty,linux – 提示自定义：如何检测何时没有tty

linux怎样测试tty,linux – 提示自定义：如何检测何时没有tty

我有一个带颜色的自定义提示符(使用tput),每次我在服务器中启动非交互式会话时,都会出现一堆错误.例如,如果我开始这样的非交互式会话&#xff1a;ssh roothostname6 "echo hello ; echo $TERM"我得到的输出是&#xff1a;helloxtermtput: No value for $TERM and no…
阅读更多...
什么是物理路径，相对路径，绝对路径以及根目录

什么是物理路径，相对路径，绝对路径以及根目录

目 录 一、物理路径 二、相对路径 三、绝对路径 四、根目录 本文中，我们将为您讲述什么是物理路径，什么是相对路径，什么是绝对路径，什么是根目录，以及他们的使用方法。一般来说表示文件在电脑中位置的方式就有以上四种，在网页设计中通过以上几种路径可以表示链接，插…
阅读更多...
关于thinkphp5的报错 mkdir() Permission denied的解决

关于thinkphp5的报错 mkdir() Permission denied的解决

声明环境: 系统&#xff1a; Centos 6.8 64x nginx 使用lnmp一键安装包安装 已解决tp5跨目录活动问题 mkdir() 的作用是函数创建目录&#xff0c;即读写相关&#xff0c;那么即报错“permission denied” 则我们可以改变目录权限。 环境为nginx&#xff0c;nginx有设置的访问用…
阅读更多...
React-Native视频组件react-native-video使用（安卓版）

React-Native视频组件react-native-video使用（安卓版）

转载请注明原文地址&#xff1a;http://www.cnblogs.com/ygj0930/p/7366019.html 一&#xff1a;安装 在IDE中打开你的项目&#xff0c;然后在IDE的terminal&#xff0c;输入&#xff1a; npm i -S react-native-video 安装第三方的视频组件。 然后&#xff0c;执行以下命令&am…
阅读更多...
【转】PHP的Trait 特性

【转】PHP的Trait 特性

Trait是在PHP5.4中加入的&#xff0c;它既不是接口也不是类。主要是为了解决单继承语言的限制。是PHP多重继承的一种解决方案。例如&#xff0c;需要同时继承两个 Abstract Class&#xff0c; 这将会是件很麻烦的事情&#xff0c;Trait 就是为了解决这个问题。它能被加入到一个…
阅读更多...
.NET LoongArch64 正式合并进入.NET

.NET LoongArch64 正式合并进入.NET

国内自主的龙芯&#xff0c;在做龙芯技术生态就把 .NET 作为其中一部分考虑进去&#xff0c;这也将对接下来国内.NET应用场景充满了期待。通过dotnet/runtime 可以知道现在龙芯版本的 .NET 已经合并到.NET 7 官方分支的工作已经完成了。LoongArch64架构合并进入.NET 7.0 已经安…
阅读更多...
qtabwidget切换tab事件_某超超临界机组初压/限压切换过程中扰动原因分析

qtabwidget切换tab事件_某超超临界机组初压/限压切换过程中扰动原因分析

严寒夕 浙江浙能台州第二发电有限责任公司&#xff3b;摘要&#xff3d;某火电厂汽轮机在初压/限压切换过程中出现负荷瞬时上升问题。从初压/限压切换的逻辑及切换过程中主要参数的变化分析,确定原因为压力控制器指令上升瞬间和转速负荷控制器指令下降瞬间有短暂的时间间隔,造…
阅读更多...
最新文章

Copyright @ 2022~2023