Python web前端 08 字符串 数组 json

一、string

#string 字符串
#索引 下标 偏移量 ---从0开始
str[index]; #通过索引取字符串 可读不可写
str.length; #获取长度,包括空格在内
var str="asdadawdsad"
console.log(str[6]); #输出a 表示可读
str[6]="c";#报错,表示不可写 value.toString(); #转换字符串
var a = 123;
console.log(a.toString());#将number123转化为字符串123 str.substring(); #截取字符串,比较参数值的大小,小的参数在前面,负数变为0
var str="nishishuinizaina"
console.log(str.substring(6,3));#打印出 his,左闭右开
console.log(str.substring(-2,3));#打印出 nis 负数变成0,索引0-3的字符串 str.slice(); #切片,不会交换位置,负数从右向左数
var str="nishishuinizaina"
console.log(str.slice(3,6));#索引3-5的字符串
console.log(str.slice(-5,-2));#从右到左2-5 str.split(); #字符串切割,返回数组
var str="你是谁 你在哪里 你在搞什么"
console.log(str.split("你"));#以“你”为边界切割,结果是一个数组["","是谁","在哪里","在搞什么"] str.indexOf(); #查找字符串,成功返回索引,反之返回-1
var str="nishishuinizaina"
console.log(str.indexOf("s"));#默认只会找第一个,返回2
console.log(str.indexOf("s",5));#从索引第5位开始找
console.log(str.indexOf("w"));#没有找到,返回-1 str.toUpperCase(); #全部转化为大写
str.toLowerCase(); #全部转化为小写
var str="Nishishuinizaina"
console.log(str.toUpperCase());#全部转化为大写
console.log(str.toLowerCase());#全部转化为小写

二、数组

#数组 主要存放数据的

var arr=["lucky","tuple","xiaopo"];
#以创建对象的形式创建数组
var arr1=new Array();
arr1[0]="xiaopo";
arr1[1]="jianeng";
arr1[2]="which";#以上两种方法都可以创建数组 arr.length #查看数组的个数
console.log(arr.length);#返回3 arr[] #可读可写
arr[0]="jianeng" #可以替换为"jianeng" 表示字符串可写
var arr2=[6,8,[4,5,9]];
console.log(arr2[2][2]);#这样便可以去到内嵌数组的第2位数字9 arr.push #在后面添加
arr.push("which");#可同时添加1个或多个,用“,”隔开
console.log(arr);#返回["lucky","tuple","xiaopo","which"] arr.unshift() #在前面添加
arr.unshift("lalala");#可同时添加1个或多个,用“,”隔开
console.log(arr);#返回["lalala","lucky","tuple","xiaopo","which"] arr.pop() #删除数组的最后一个
arr.pop();
console.log(arr);#返回["lalala","lucky","tuple","xiaopo"] arr.shift() #删除数组的第一个
arr.pop();
console.log(arr);#返回["lucky","tuple","xiaopo"] arr.splice() #(3)数组的长度;(0,1)从第0位开始删除1个,返回删除的那个;(2,3,'a')从第二位开始后三位全部替换为a;(2,0,'a')第二位开始前面插入a
arr.splice(2);
console.log(arr);#数组只能留下前面的2位,也就是["lucky","tuple"]
arr.splice(1,2);
console.log(arr);#数组删除第1位开始的2个,返回被删除的["tuple","xiaopo"]
arr.splice(1,2,'a');
console.log(arr);#数组从第1位开始的两位替换为"a",返回["lucky","a"]
arr.splice(1,0,'a');
console.log(arr);#数组在第1位前面插入'a',返回["lucky","a","tuple","xiaopo"],0代表不删除 arr.sort() #顺序来排序
arr.reverse()#倒序来排序
var arr2=[1,-9,-5,8,4,6];
console.log(arr2.sort()); #[-5,-9,1-4-6-8]这个按照ascll码排序,所以-5最前面
arr2.sort(function(a,b){
return a-b;})#这样就可以得到数字意义上的从小到大;return b-a就是从大到小;return 1 是倒序;return 0 是顺序 arr.join('a') #以'a'为界限拼接字符串

三、时间对象

var data=new Date();
var strap=data*1;#得到时间戳
console.log(strap); var strap=data.getTime();#这种方法也可以得到时间戳
console.log(strap); var year=data.getFullYear();#年
var mouth=data.getMouth()+1;#获取月份,取值为0-11之间的整数
var date=data.getDate();#日
var hour=data.getHours();#小时
var min=data.getMinutes();#分钟
var sec=data.getSeconds();#秒
var day = data.getDay();#获取周几,取值为0-6之间的整数
document.body.innerHTML=year + "年" + mouth + "月"+ date+"日"+hour+"时"+min+"分"+sec+"秒" +"星期"+day;

四、定时器

#延时定时器,2000毫秒后执行一次且只执行一次
setTimeout(函数,时间);#可以在外面封装一个函数,在放进来,放在里面来不能加括号
setTimeout(function(){
console.log(1);
},2000);#后面的2000代表2000毫秒,1000ms=1s #隔1000毫秒一直不停的执行
setInterval(function(){
console.log(2);
},1000);

  清除(关闭)定时器

#定时器的清除

var aTime=document.getElementById("time");#获取时间
var num=5;#定义定时的秒数
var time;#定时器
time = setInterval(function(){#前面的time为后面的关闭定时器做准备,=后面的为定时器
num--;#没过1秒num-1
aTime.innerHTML=num+"s";#网页上面的时间变为实际的num加上s
if(num===1){#当num为1s的时候
clearInterval(time);#清除定时器
window.location.href="http://www.baidu.com";#利用window的跳转,跳到百度
}
},1000);#隔1s

五、json

#json   就是轻量级的数据交互格式,它实际上在传输的时候都是字符串
# 一种交互的格式,所有的语言基本上都有字符串,可以传递
#js对象:是一种js数据类型,是js特有的,无法传递交互数据
var obj={"name":"xiaopo","age":18}; #这是个对象
var obj1='{"name":"xiaopo","age":18}'; #字符串,实际工作中就是json
JSON.stringfy(obj);#用这种方法也可以将js对象转化为json #json语法规则:
#1、json数据格式的属性(键和字符串)的值都是双引号
#2、值:整数、浮点数(小数)、字符串、布尔、数组、对象(除了undefined和NaN) #json用js定义
#通过字符串来定义
var obj='{"name":"xiaopo"}';
#通过js对象来定义,最后传输的时候将对象转换为字符串
var obj={"name":"xiaopo"};
JSON.stringfy(obj) #json字符串解析JS对象
var obj1='{"name":"xiaopo","age":18};'
var obj2=JSON.parse(obj1); #通过这一步将字符串解析为JS对象
console.log(obj2);
console.log(typeof obj2);

  for in

var obj={"name":"xiaopo","age":18,"gender":"woman"};

#现在想要属性名字
console.log(obj.name); #如果想要所有的值,这就可以使用for in
for(var key in obj){
console.log(key);#输出name、age、gender
console.log(key,obj[key]); #这就可以遍历所有的键、值;key是{}里的属性名称,obj[key] {}里面属性的值
}

Python web前端 08 字符串 数组 json的更多相关文章

  1. Python web前端 11 form 和 ajax

    Python web前端 11 form 和 ajax 一.打开服务器 将handlers.py.httpd.py和libs.py三个文件放入新文件夹中,双击打开httpd.py文件即可 二.ajax ...

  2. Python web前端 06 运算符 循环

    Python web前端 06 运算符 循环 一.运算符 #JS六大数据类型 #number 数字 #string 字符串 #boolean 布尔型 #function 函数 #undefined 未 ...

  3. Python web前端 09 jQuery

    Python web前端 09 jQuery 一.三个重要网址 http://jquery.cuishifeng.cn/ #中文查询网站 http://www.bootcdn.cn/ #引入jq ht ...

  4. Python web前端 01 HTML常用标签

    Python web前端 01 HTML常用标签 一.HTML创建项目 file ---->new project -----> 输入项目名------>创建文件夹 new dicr ...

  5. Python web前端 02 CSS

    Python web前端 02 CSS 一.选择器 1.CSS的几种样式(CSS用来修饰.美化网页的) #建立模板 复制内容--->SETTING---> Editor -----> ...

  6. Python web前端 03 CSS属性

    Python web前端 03 CSS属性 一.文字.文本属性 1.文字属性 font-family #字体类型浏览器默认的字体是微软雅黑,字体中有多个字体的时候,如果前面的字体没有就使用后面的字体 ...

  7. Python web前端 04 盒子模型

    Python web前端 04 盒子模型 盒子模型是由内容(content).内边距(padding).外边距(margin).边框(border)组成的 一.边框 border #border 边框 ...

  8. Python web前端 05 JavaScript

    Python web前端 05 JavaScript 一.获取元素 1.初识JavaScript /* .. */ #这是多行注释 // #这是单行注释 #JavaScript是一种脚本语言,是一种动 ...

  9. Python web前端 07 函数及作用域

    Python web前端 07 函数及作用域 一.函数 1.有名函数和匿名函数 #函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块 #函数就是包裹在花括号里面的代码块,前面使用了关键字fun ...

随机推荐

  1. win下发现两个有用的快捷键

    调出命令行工具:win+x然后a.默认是cmd的管理员模式,可以改成powershell. 从当前目录打开命令行:shift + 鼠标右键

  2. 无法远程连接阿里云的Mysql

    问题描述:昨天使用阿里云安装了Mysql,无法远程连接,排除端口号错误.防火墙.Mysql权限问题后,最后发现是阿里云安全组规则限制问题: 解决方式: 1.访问阿里云控制台,实例-->管理 2. ...

  3. 大数据之路- Hadoop环境搭建(Linux)

    前期部署 1.JDK 2.上传HADOOP安装包 2.1官网:http://hadoop.apache.org/ 2.2下载hadoop-2.6.1的这个tar.gz文件,官网: https://ar ...

  4. BZOJ 1191 [HNOI2006]超级英雄Hero:二分图匹配 匈牙利算法

    题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=1191 题意: 有m道题,每答对一题才能接着回答下一个问题. 你一道题都不会,但是你有n个“ ...

  5. struts2框架xml验证

    struts2验证分为3步: 1.获取需要验证的信息,使用同名属性,提供getter,setter方法.然后框架使用反射将值自动注入. 2.对信息进行验证,成功失败作出对应的选择. xml验证和手动验 ...

  6. div img 垂直水平居中

    <style> div { width: 600px; height: 578px; text-align: center; display: table-cell; vertical-a ...

  7. 【bzoj1232】[Usaco2008Nov]安慰奶牛cheer

    问题描述 Farmer John变得非常懒,他不想再继续维护供奶牛之间供通行的道路.道路被用来连接N个牧场,牧场被连续地编号为1到N.每一个牧场都是一个奶牛的家.FJ计划除去P条道路中尽可能多的道路, ...

  8. 【Lintcode】382.Triangle Count

    题目: Given an array of integers, how many three numbers can be found in the array, so that we can bui ...

  9. spring-data详解之spring-data-jpa:简单三步快速上手spring-data-jpa开发

    前言: 基于spring framework 4.x或spring boot 1.x开发环境 务必注意以下版本问题:Spring framework4.x(Spring boot1.x)对应sprin ...

  10. 关于Socket 多线程 的一篇好文章

    http://www.kegel.com/c10k.html#topIt's time for web servers to handle ten thousand clients simultane ...