ARTS 第二周

[lianjianbo]

ARTS 第二周（2019.7.15-2019.7.21）

• Algorithm 买卖股票的最佳时机
• Review 数组方法不混淆
• tip 学习vue以来的一些指令
• share JavaScript中的Date、Json

  买卖股票的最佳时机

  代码

  var maxProfit = function(prices) {
  let max = 0;
  let tmp = 0;
  for (let i = 1; i < prices.length; i++) {
      tmp = prices[i] - prices[i - 1];
      if (tmp > 0) {
          max += tmp;
      }
  }
  return max;
  };

  思路

  利用数组的后一项减去前一项，判断其大小获取其获得最高利润

  Review 数组方法不混淆

  阅读：https://juejin.im/post/5d306fa2e51d455d6c0ad9df

  理解

  这是改变原数组的方法：

  splice()删除元素并且向数组添加新元素 sort()排序数组 pop() 删除数组最后的一个元素并且返回 push(item1, item2...) 数组的末尾添加元素并返回新长度 shift()删除数组第一个元素并返回 unshift(item1, item2...)数组头部添加元素并返回新长度 reverse() 颠倒数组中元素的顺序

  这是不改变原数组的方法：

  slice(start, end)截取数组片段，返回新数组 join(str)按照连接符将数组连接成字符串并返回字符串 cancat(item1,item2...)合并多个数组并返回 toLocaleString()数组转字符串 toString()数组转字符串 indexOf(item, start)查找数组某个元素并返回其第一次出现位置下标

  总结：

  数组方法是多，但是只要抓住了核心，也是不会混淆的，例如记住改变原数组的方法，不改变原数组的方法和数组的遍历（12个，这里没有列举），也可以是手到擒来。

  tip 学习vue以来的一些指令

  1.v-if可以实现条件渲染，Vue会根据表达式的值的真假条件来渲染元素。 2.v-else是搭配v-if使用的，它必须紧跟在v-if或者v-else-if后面，否则不起作用。 3.v-else-if充当v-if的else-if块，可以链式的使用多次。可以更加方便的实现switch语句。 4.v-show也是用于根据条件展示元素。和v-if不同的是，如果v-if的值是false，则这个元素被销毁，不在dom中。但是v-show的元素会始终被渲染并保存在dom中，它只是简单的切换css的dispaly属性。 5.用v-for指令根据遍历数组来进行渲染 6.v-bind用来动态的绑定一个或者多个特性。没有参数时，可以绑定到一个包含键值对的对象。常用于动态绑定class和style。以及href等。 简写为一个冒号 [：] 7.v-model这个指令用于在表单上创建双向数据绑定。v-model会忽略所有表单元素的value、checked、selected特性的初始值。因为它选择Vue实例数据做为具体的值。

  share JavaScript中的Date、Json

  Date：

  JavaScript中，使用Date来表示日期对象，既然是日期对象我们就可以获取具体的时间、月份、分钟等等JavaScript的Date对象月份值居然是从0开始算起，0 = 1 月，1 = 2月，……，11=12月。 那这种尴尬的结果，如何变成我们想要的实际结果咧？（也就是数字1代表的就是1月） 可以直接在月份的数据加 1 ，这样可以快速解决问题。

  Json

   首先，json是一种简单的数据交换格式。通常用于与服务端交换数据。JSON语法是JavaScript语法的子集，其中它的语法格式如下:  数据在名称/值对中.  由逗号隔开.  大括号保存对象.  中括号保存数组 .  对于值来说可以是数字（整数或浮点数），字符串（要写在双引号中），逻辑值（true/false），数组，对象，null.  注意：JSON不支持变量、函数和对象实例  例如

  { 
  "name"："lian",
  "sex":"man",
  "age":null
  }

   json只有两中结构，一种是object（对象）另一种是array（数组），并且两者可以相互嵌套.JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用 JSON.parse()方法将数据转换为 JavaScript对象。

 语法如下：  JSON.parse(text[, reviver])  text是必需的，一个有效的JSON的字符串  reviver是可选的，一个转换结果的函数将为对象的每个成员调用此函数。  以下为一个实例：

<p id="demo"></p>
<script>
var obj = JSON.parse('{ "name":"lian", "sex":"man" }');
document.getElementById("demo").innerHTML = obj.name + "：" + obj.sex;
</script>

 此案例是从json对象中创建JavaScript对象,输出的结果为lian：man  使用 JSON.stringify() 方法将JavaScript对象转换为字符串。  语法如下：  JSON.stringify(value[, replacer[, space]])  value是必需的，需转换的JavaScript值  replacer是可选的，用于转换结果的函数或数组。  space是可选的，文本添加缩进、空格和换行符。  以下为一个实例：

<p id="demo"></p>
<script>
var obj = { "name":"lian", "sex":"man"};
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;
</script>

 此案例是将javascript对象转换为JSON字符串，输出的结果为

{
"name":"lian", 
"sex":"man"
}